Figgy
Convert design to React Elements & CSS directly in your code editor
Plugin Preview
About this plugin
Figgy helps you create and maintain your React component library easily !
We aim to produce the best code quality ππ½
We can tweek the plugin to suit your specific needs. Write to [email protected] for that ;-)
------------------ Next steps
- Publish doc on website
- Create a starting file with examples
- You like figgy ? give me feedback please fill the form after generation
- Thank you all for testing, you're amazing πͺπΌπ
IF YOU LIKE OUR WORK, PLEASE LIKE THIS PLUGIN AT THE TOP OF THE PAGE π
DO NOT HESITATE TO:
- WRITE A COMMENT
- FILL THE FORM ON FIGGY PREVIEW PAGE AFTER GENERATION
THANK YOU π
[BEST PRACTICE SECTION AT THE END]
Figgy is there to reduce your development time :
- Select the element you want on Figma
- Select your generation parameters
- Click on generate
Tada! --> enjoy your generated design
Youtube tutorials videos to come π
------------------------------------------------------
BEST PRACTICES
------------------------------------------------------
- Avoid using groups if possible --> Use frames instead
- Use autolayout as much as possible
Plugin Details
| Version | 28 |
|---|---|
| Created | December 8, 2022 |
| Last Updated | May 22, 2023 |
| Category | Software development |
| Creator | Figgy |
| Stats | 211 installs, 30 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:{"main": "ui.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.