Internal tool for daybreak studio.
This extension converts your figma frame to react component when you paste it on the editor. Currently experimental.
Built with Adaline.
- Simply copy a link from your figma frame and paste it in your tsx file.
- Generate code base on your design system defined in global.css and tailwind config.
- Support is limited to:
- flexbox
- border
- corner radius
- typography
- color
- shadow
Conversion is only limited frames, converting component is not supported at the moment
-
Planning to support the following in the future release
- better parsing
- converting svg for icons
- support conversion component
- support inline format changes
- Support streaming generation
- Fix UX bug: re-triggering generation by undo
Initial build