Home
Softono

Svg To Code Figma

Open source MIT TypeScript
Website GitHub
22
Stars
2
Forks
1
Issues
1
Watchers
2 years
Last Commit
Vector Graphics

 About Svg To Code Figma

Generate SVG to Code (React) - Figma Plugin

Platforms

Web Self-hosted

Languages

TypeScript

Links

Website Source Code

Need Help Installing Svg To Code Figma?

We provide expert installation service for this software. Our team will install, configure, and secure Svg To Code Figma on your server. plans start at just $30.

Hire an Expert
Published by
realvjy
Visit View Profile

Svg To Code Figma

View on GitHub

SVG-TO-CODE-figma

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 🙏