https://github.com/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.
https://github.com/reeli/sketch-svg-to-react-component

Last synced: about 1 month ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/reeli/sketch-svg-to-react-component
• Owner: reeli
• Created: 2018-10-09T10:04:45.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-06-11T03:41:02.000Z (over 5 years ago)
• Last Synced: 2024-11-16T23:33:58.521Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 521 KB
• Stars: 59
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://github.com/reeli/sketch-svg-to-react-component/releases)

## 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