reeli / sketch-svg-to-react-component Public

Notifications You must be signed in to change notification settings
Fork 3
Star 59

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.

59 stars 3 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 49 Commits
assets		assets
src		src
.appcast.xml		.appcast.xml
.gitignore		.gitignore
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
plugin-view.png		plugin-view.png

Repository files navigation

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

About

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.

Report repository

Releases 1

Packages

No packages published

Languages

JavaScript 100.0%