Sketch2react.io Docs
📗Stay on top, read our blog 😄💪
Search…
Sketch2React
Welcome to Sketch2React 🏡
Learn
Sketch2React Markup Cheat Sheet 📓
Sketch Assistant Rules Explained 📐
Tutorials 📼
3rd Party Plugins & Apps ⚙️
Develop
Our components 💎
Exporting to Code 🚚
Code snippets 👩💻
Support
FAQ❓
Releases ✍️
Join our Slack 👯♂️
Download free resources 🧡
Powered By
GitBook
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