Welcome to Sketch2React 🏡

Build in Sketch, deploy to React, Xcode, iOS, Android & Web app 
No coding, just markup
Go from .sketchfiles (via our markup) to code really fast!
Sketch2React is:
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​
What is Sketch2React?
​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 🤯
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 😺
Software requirements
​Sketch 68–80+ or Lunacy 8​
​Sketch2React 2021​
OSX Catalina or Big Sur (requires v70+ of Sketch app)
​Sketch assistant (not required but nice to have)
Sketch2React 2021.2.7 - Designed and developed in Stockholm with 💗 by Sketch2React AB ©2018–2022

Next - Learn

Sketch2React Markup Cheat Sheet 📓

Last modified 6mo ago

Copy link

Outline

Build in Sketch, deploy to React, Xcode, iOS, Android & Web app

No coding, just markup

What is Sketch2React?

Software requirements