React Figma
👀 Are you facing these problems?A new (even existing) team member:✅ Scenario 1: He starts looking at your product design on Figma and asks "I wonder which React component has been made for this UI part?"✅ Scenario 2: He looks at a React component in your source code and wondering "where is it component being used on the actual Figma design?"React Figma plugin helps you solve these problems, letting you manage your relationship between UI and Code. Not only that, it also helps you generate React Component code based on your Figma design.Features:- Component index- Define component- Generate React component code- Generate React storybook (NEW)TODO:- Make storybook code generation optional- Add support for TypeScript
Plugin Preview
About this plugin
👀 Are you facing these problems?A new (even existing) team member:✅ Scenario 1: He starts looking at your product design on Figma and asks "I wonder which React component has been made for this UI part?"✅ Scenario 2: He looks at a React component in your source code and wondering "where is it component being used on the actual Figma design?"React Figma plugin helps you solve these problems, letting you manage your relationship between UI and Code. Not only that, it also helps you generate React Component code based on your Figma design.Features:- Component index- Define component- Generate React component code- Generate React storybook (NEW)TODO:- Make storybook code generation optional- Add support for TypeScript
Plugin Details
| Version | 7 |
|---|---|
| Created | June 15, 2020 |
| Last Updated | March 1, 2021 |
| Category | Software development |
| Creator | Thinh Pham |
| Stats | 10609 installs, 275 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code