A Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components.
Get the plugin here
- Optimizes and transforms SVGs into framework-specific components for React, React Native, and SolidJS
- Utilizes SVGO to optimize SVGs
- Formats code using Prettier
- Allows batch transformation of multiple SVGs at once
- Provides various options for SVG transformation
- Select 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.
- Add more images
- Configurable Prettier settings per framework
- Customizable SVGO plugin settings