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 🤯

• 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–95+ or Lunacy 8

• Sketch2React 2021

• 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