Flock Figma to React Component
Use Figma to generate React components in Flock style.
Plugin Preview
About this plugin
Transform Figma Designs into React CodeGenerate React code from your Figma designs with an opinionated format built around material UI and the Flock component library.UsageSwitch to Dev mode and change the language under the Code section to Flock Figma to React Component to generate code. This tool will generate the code following the convention of div's being replaced with MUI boxes and components being replaced with components from '@flock/shared-ui'.To use your own library, simply replace imports from '@flock/shared-ui' with your own component library.If you want the plugin to replace instances of your component or your style definitions with their tokens, go to the Plugins panel in Dev Mode and run this plugin to set your Figma API token and the file that contains your style library.
Plugin Details
| Version | 2 |
|---|---|
| Created | July 17, 2023 |
| Last Updated | July 18, 2023 |
| Category | Software development |
| Creator | William Zhuang |
| Stats | 65 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
- Codegen Languages:
- React(react)
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