- React
- Vue
- Angular
- Svelte
- and many more
The Figma code generator that understands your repository
Import your repo and export code that uses your existing components, without any setup or custom mapping.
Code just like you wrote it yourself
Refine your export further
Learns your repository with a one-click-import
Generates code in any framework or language
Learns from your feedback
Stack-O-Rama
If you can make UIs with it, we support it. Due to the nature of our stack-agnostic generation technique, we support literally any framework.
-
Gatsby -
Java -
Remix -
Flutter -
Dart -
PHP -
Laravel -
Shadcn -
VueJS -
React -
Radix UI -
Svelte -
Ionic -
Semantic UI -
Tailwind -
AlpineJS -
Chakra UI -
Ruby on Rails -
SASS -
HTML -
Electron -
BlueprintJS -
Swift -
Preact -
JavaScript -
Angular -
Bootstrap -
Astro -
Rust -
SolidJS -
BackboneJS -
Typescript -
Android -
Django -
CSS -
Flask -
Element UI -
Ruby -
Ocaml -
NextJS -
Python -
MaterialUI -
Less -
Embed -
NuxtJS -
HeadlessUI -
PandaCSS - Gatsby
- Java
- Remix
- Flutter
- Dart
- PHP
- Laravel
- Shadcn
- VueJS
- React
- Radix UI
- Svelte
- Ionic
- Semantic UI
- Tailwind
- AlpineJS
- Chakra UI
- Ruby on Rails
- SASS
- HTML
- Electron
- BlueprintJS
- Swift
- Preact
- JavaScript
- Angular
- Bootstrap
- Astro
- Rust
- SolidJS
- BackboneJS
- Typescript
- Android
- Django
- CSS
- Flask
- Element UI
- Ruby
- Ocaml
- NextJS
- Python
- MaterialUI
- Less
- Embed
- NuxtJS
- HeadlessUI
- PandaCSS
- Gatsby
- Java
- Remix
- Flutter
- Dart
- PHP
- Laravel
- Shadcn
- VueJS
- React
- Radix UI
- Svelte
- Ionic
- Semantic UI
- Tailwind
- AlpineJS
- Chakra UI
- Ruby on Rails
- SASS
- HTML
- Electron
- BlueprintJS
- Swift
- Preact
- JavaScript
- Angular
- Bootstrap
- Astro
- Rust
- SolidJS
- BackboneJS
- Typescript
- Android
- Django
- CSS
- Flask
- Element UI
- Ruby
- Ocaml
- NextJS
- Python
- MaterialUI
- Less
- Embed
- NuxtJS
- HeadlessUI
- PandaCSS
- Gatsby
- Java
- Remix
- Flutter
- Dart
- PHP
- Laravel
- Shadcn
- VueJS
- React
- Radix UI
- Svelte
- Ionic
- Semantic UI
- Tailwind
- AlpineJS
- Chakra UI
- Ruby on Rails
- SASS
- HTML
- Electron
- BlueprintJS
- Swift
- Preact
- JavaScript
- Angular
- Bootstrap
- Astro
- Rust
- SolidJS
- BackboneJS
- Typescript
- Android
- Django
- CSS
- Flask
- Element UI
- Ruby
- Ocaml
- NextJS
- Python
- MaterialUI
- Less
- Embed
- NuxtJS
- HeadlessUI
- PandaCSS
FAQ
Who is it for?
Codex is targeted at professional front end developers to speed up their workflows.
Does my figma file need special preparation?
No, but it works much better if all frames use auto layout.
Which frameworks are supported?
Codex is framework-agnostic. This means it can generate code in any language, for any framework. However, popular frameworks like React and Vue work best, as LLMs have more training data on them.
Can I use it without a repository?
Currently, no. But you can create a repository and initialize it with an empty skeleton in the framework of your choice, then Codex will generate code for that framework.
Does it work with monorepos?
If there is only one frontend package in the repo, likely yes. Better monorepo support is on the roadmap.
Does it only work in dev mode/design mode?
Codex works in both figma modes.
Does it only work with Github?
Currently, yes. If you need support for other git providers, send us an email.
