Frames to code
HTML + CSS, React with Tailwind v3 or v4, CSS Modules or plain CSS, in px or rem.
- Status
- In development
- Platforms
- Figma desktop and browser, Chrome extension
- Runs in
- Figma plugin + Dev Mode codegen
What it does
Auto layout becomes flexbox
Direction, gaps, padding, alignment, wrapping and constraints map to real CSS.
Components with typed props
Text bound to a property renders as a prop; variants become string unions.
Web pages to Figma
Import by URL, pasted HTML, a bookmarklet capture or the Chrome extension.
Responsive captures
Several widths at once, as one Breakpoint component set.
Right-to-left aware
Persian pages keep their direction, and Persian text falls back to Vazirmatn.
