Welcome to Sketch2React π‘
Last updated
Last updated
Go from .sketchfiles (via our markup) to code really fast!
Responsive markup, 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 or Lunacy π
That gives you high fidelity code right from scratch πͺ
Design with markup that's easy to learn! It's more like Markdown
Fully responsive
Zero plugins
Treat the layers view in Sketch or Lunacy as a very simple code editor
Use CSS plugins
Offline mode
Hot reload
Build entire static React powered websites directly from inside of Sketch π€―
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 πΊ
macOS Big Sur, Monterey or Ventura
Sketch assistant (not required but nice to have)
Sketch2React 2021.2.7 - Designed and developed in Stockholm with π by Sketch2React AB Β©2018β2023