This Figma (Dev) plugin allows you to generate react components from selected nodes instantly.

1. Select elements you want to transform

2. Run "SVG to Code" plugin from Dev Mode

3. Copy/Save react components

4. Or check the thumbnail to use

Grab community file from 👉 here Figma Community

Plugin is opensource. You are welcome to contribute.

1. Clone the repository

   git clone
   cd svg-to-code-figma

2. Install the dependencies

   yarn

3. Build the plugin

   yarn watch
   

4. Open the Figma desktop app

5. Go to Menu > Plugins > Development > Import Plugin from manifest...

6. Choose svg-to-code-figma/manifest.json

7. Run the plugin by going to Menu > Plugins > Development > SVG to Code

Github sponsor | Buy me a coffee

Feel free to tag me or say hi on Twitter (@realvjy). You are also welcome to share your feedback or bug reports 🙏