Skip to content

README.md

Latest commit

 

History

History
51 lines (42 loc) · 1.73 KB

README.md

File metadata and controls

51 lines (42 loc) · 1.73 KB

Plugin icon

SVG to React / Native / SolidJS

A Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components.

Get the plugin here

Plugin banner

Table of Contents

Features

  • 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

Usage

  1. Select at least one node (any item that figma can export).
  2. Run the "SVG to React/Native/SolidJS" plugin.
  3. Open the tab for your desired framework (default: React).
  4. Adjust options to your preference.
  5. "Save all SVGs as files" or open individual SVGs to copy/save.

Made with

TODO

  • Add more images
  • Configurable Prettier settings per framework
  • Customizable SVGO plugin settings

Credits