Flock Figma to React Component

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.