sketch-svg-to-react-component icon indicating copy to clipboard operation
sketch-svg-to-react-component copied to clipboard

Sketch plugin to compress SVG and transform it to React (include React Native) components. By copy React component directly to you clipboard or export as files.

sketch-svg-to-react-component

The sketch plugin which can transform svg to react or react native svg component.

Install

The most recent version you can find here: Download the latest Sketch-Svg-to-React-Component

Usage

  • Copy sketch selected layers as React Component: cmd + option + r
  • Copy sketch selected layers as RN Component: cmd + option + n
  • Export multiple svg as React Component

Upcoming soon

  • Export multiple svg as RN Component

Road Map

  • Format copied string by prettier
  • Remove specific characters in filename like @2x, otherwise will cause error
  • Replace svgr by simplify-svg
  • Add outline for svg
  • Export react components with customized template

Publish

  • rm assets/node_modules before publish