SVG to React / Native / SolidJS
by Maksymilian Kasperowicz
A Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components
Installs
499
Likes
81
Users
5,703
Views
6,871
Preview
About this plugin
SVG to React / Native / SolidJSA Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components.
FeaturesOptimizes and transforms SVGs into framework-specific components for [React](https://react.dev/), [React Native](https://reactnative.dev/), and [SolidJS](https://www.solidjs.com/)Utilizes [SVGO](https://svgo.dev/) to optimize SVGsFormats code using [Prettier](https://prettier.io/)Allows batch transformation of multiple SVGs at onceProvides various options for SVG transformationUsageSelect at least one node (any item that figma can export).
Run the "SVG to React/Native/SolidJS" plugin.
Open the tab for your desired framework (default: React).
Adjust options to your preference.
Save all SVGs as files" or open individual SVGs to copy/save.
Inspired bySaraVieira/svg-to-jsxgregberge/svgrsvg/svgoGithub Repo
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.