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.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 6184a98 Oct 23, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets fix Oct 16, 2018
src add double quotes for the path, otherwise will cause "no such file or… Oct 23, 2018
.appcast.xml Update .appcast with new tag Oct 23, 2018
.gitignore ignore build artifacts Oct 16, 2018
README.md update readme file Oct 23, 2018
package-lock.json Publish 1.0.0 release 🚀 Oct 23, 2018
package.json Publish 1.0.0 release 🚀 Oct 23, 2018

README.md

sketch-svg-to-react-component

The sketch plugin which can transform svg to react or react native svg 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
  • Simplify svg

Todo:

  • format copied string by prettier
  • reduce packages size by using like sketch/dom sketch/UI
  • remove specific characters in filename like @2x, otherwise will cause error
  • export simplify svgs
  • add outline for svg
  • export react components with customized template

Publish

  • rm assets/node_modules before publish