Back to Plugins
SVGReactify - SVG Component Creator

SVGReactify - SVG Component Creator

Generate single/multiple SVG React & React Native components at once

react nativesvgreactcomponents

Plugin Preview

SVGReactify - SVG Component Creator preview

About this plugin

Figma plugin that allows you to generate single/multiple SVG React & React Native components at once. Prepared as .eslint friendly and support parent color schemas with fill/stroke optimize


Features

  • Generate multiple components at once
  • Save each one or all as files
  • Expand props version
  • Typescript
  • With dimension or without dimensions (for responsive)
  • Icon
  • React Native
  • Ref
  • Memo
  • Prettier
  • Xmlns / Non-xmlns


To use SVGReactify

  1. Run the "SVGReactify - SVG Component Creator" plugin
  2. Highlight icon(s) in your Figma project
  3. Choose the settings of code you want to on left side.
  4. If you hightlight multiple items on project, you will see "Selected Icons" list. Choose one.
  5. Copy with top right side button of code preview icon for only 1 item.
  6. Or export all selected icon(s) as zip file


License

After 3 all days tried full functions, you'll be asked to enter your license key. Your license key will allow you or your team unlimited usage of SVGReactify.


To purchase a license for you or your team, please visit https://gurayyarar.gumroad.com/l/svg-reactify (Gumroad)


Plugin Details

Version1
CreatedApril 8, 2024
Last UpdatedApril 12, 2024
CategorySoftware development
CreatorGüray Yarar
Stats13 installs, 1 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.gurayyarar.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com