Back to Plugins
SVG to Code : React Component

SVG to Code : React Component

Instant SVG to React Code in Dev Mode

svg exportcodegensvgreactcodejsdevelopmentdev modecode-generators

Plugin Preview

SVG to Code : React Component 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

Version2
CreatedMarch 8, 2024
Last UpdatedMarch 18, 2024
CategorySoftware development
Creatorvijay verma
Stats345 installs, 120 likes
PricingFree

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)