realvjy/svg-to-code-figma

Generate SVG to Code (React) - Figma Plugin

Instant SVG to Code

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

How to use

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

---

Figma Community

Grab community file from 👉 here Figma Community

Local development

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

Support & Donate

Github sponsor | Buy me a coffee

Say hi or Feedback

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