reeli / sketch-svg-to-react-component

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