Back to Plugins

SVG to Code : React Component
Instant SVG to React Code in Dev Mode
svg exportcodegensvgreactcodejsdevelopmentdev modecode-generators
Plugin Preview
About this 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
Features
- Works as Plugin + Codegen
- Include: import * as React
- With viewbox
- Named export
- No Internet/network access
Plugin is Open Source github.com/realvjy/svg-to-code-figma
You are welcome to contribute
If you have any query you can tweet https://x.com/realvjy
Plugin Details
Version | 2 |
---|---|
Created | March 8, 2024 |
Last Updated | March 18, 2024 |
Category | Software development |
Creator | vijay verma |
Stats | 345 installs, 120 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
- Codegen Languages:
- React(react)
More Like This
Discover other plugins in the Software development category.