Welcome to Sketch2React 🏡
Go from .sketchfiles (via our framework) to code really fast!
Markdown framework, code app, Sketch assistant
Website HTML project export
Website React project export (via create-react-app)
Export directly to iOS & Android with built-in Capacitor.js export
Sketch2React is a companion app that lets you build React & HTML powered prototypes (and simple websites) directly from inside Sketch 💎
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
Treat the layers view in Sketch as a very simple code editor
Use CSS plugins
Offline mode
Hot reload
Build entire static React powered websites directly from inside of Sketch 🤯
N E W 👉 Export directly to Capacitor.js projects – Build cross platform apps, start inside Sketch 💪
Export to HTML package that includes .html, css and all relevant files
React code & components
Also download our brand new Sketch Assistant, it's awesome. We promise 😺
Sketch 68–72
OSX Catalina or Big Sur (requires v70+ of Sketch app)
Sketch assistant (not required but nice to have)
Sketch2React 2021.2.1 - Designed and developed in Stockholm with 💗 by Sketch2React AB ©2018–2021