The Design to Code Component Framework for Sketch

Thanks for joining our program. We will be updating this space from time to time with new documentation regarding our free design to code component framework for Sketch app.

What is Sketch2React?

Sketch2React is a tool and framework that lets you design real code components inside of Sketch app and output them into workable code.

That gives you high fidelity code right from scratch 💎

• Design with code snippets that're easy to learn! It's more like Markdown​

• Fully responsive

• Zero plugins

• Visual way of learning more about code

• Treat the layers view in Sketch as a very simple code editor

• Use CSS plugins

• Offline mode

• Hot reload

• Build entire static websites directly from inside of Sketch 🤯

• Export to HTML package that includes .html, css and all relevant files

• React code & components

Software requirements

• Sketch 52–55.2

• Sketch2React Code App

• Mac OSX Sierra 10.12.6–OSX Mojave 10.14.5

Sketch2React v1 - Designed and developed in Stockholm with 💗 by Team Sketch2React ©2018–2019