Back to Plugins
Figgy

Figgy

Convert design to React Elements & CSS directly in your code editor

code generationcssdesign to codehtmldevreact to codereactcode-generators

Plugin Preview

Figgy 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

  1. Publish doc on website
  2. Create a starting file with examples
  3. You like figgy ? give me feedback please fill the form after generation
  4. 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

------------------------------------------------------

  1. Avoid using groups if possible --> Use frames instead
  2. Use autolayout as much as possible

Plugin Details

Version28
CreatedDecember 8, 2022
Last UpdatedMay 22, 2023
CategorySoftware development
CreatorFiggy
Stats200 installs, 28 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:{"main": "ui.html"}
  • main:code.js
  • Editor Types:
    figma