Fae.dev - Design to clean React code (beta)
<p><strong>Fae.dev Figma connector.</strong></p><ol><li>Take high quality Figma designs using auto-layout and text/color styles.</li><li>Combine multiple components into one React component</li><li>Export readable React code</li></ol><p><br></p><p><strong>Supported exports:</strong></p><ul><li>React + Styled Components</li><li>React + SCSS</li><li>React + CSS Modules</li><li>React + CSS (standard classes)</li><li>React + Inline styles</li></ul><p><br></p><p><br></p><p>More info: <a href="https://www.fae.dev" rel="noreferrer noopener nofollow" target="_blank">www.fae.dev</a></p>
Plugin Preview
About this plugin
Fae.dev Figma connector.
- Take high quality Figma designs using auto-layout and text/color styles.
- Combine multiple components into one React component
- Export readable React code
Supported exports:
- React + Styled Components
- React + SCSS
- React + CSS Modules
- React + CSS (standard classes)
- React + Inline styles
More info: www.fae.dev
Plugin Details
| Version | 37 |
|---|---|
| Created | March 5, 2021 |
| Last Updated | October 27, 2021 |
| Category | Software development |
| Creator | Michael Musil |
| Stats | 666 installs, 32 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.