Sketch2react.io Docs
πŸ“—Stay on top, read our blog πŸ˜„πŸ’ͺ
Sketch2React
Sketch2React
  • Welcome to Sketch2React 🏑
  • Learn
    • Sketch2React Markup Cheat Sheet πŸ““
    • Sketch Assistant Rules Explained πŸ“
    • Tutorials πŸ“Ό
    • 3rd Party Plugins & Apps βš™οΈ
  • Develop
    • Our components πŸ’Ž
      • Beta components
    • Exporting to Code 🚚
    • Code snippets πŸ‘©β€πŸ’»
  • Support
    • FAQ❓
    • Releases ✍️
      • Beta releases
    • Join our Slack πŸ‘―β€β™‚οΈ
    • Download free resources 🧑
Powered by GitBook
On this page
  • Build in Sketch, deploy to React, Xcode, iOS, Android & Web app
  • No coding, just markup
  • What is Sketch2React?
  • Software requirements

Welcome to Sketch2React 🏑

NextSketch2React Markup Cheat Sheet πŸ““

Last updated 1 year ago

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:

  • Website HTML project export

  • Website React project export (via create-react-app)

What is Sketch2React?

That gives you high fidelity code right from scratch πŸ’ͺ

  • 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 to HTML package that includes .html, css and all relevant files

  • React code & components

Software requirements

  • macOS Big Sur, Monterey or Ventura

Sketch2React 2021.2.7 - Designed and developed in Stockholm with πŸ’— by Sketch2React AB Β©2018–2023

Responsive markup, ,

Export directly to iOS & Android with built-in

is a companion app that lets you build React & HTML powered prototypes (and simple websites) directly from inside Sketch or Lunacy πŸ’Ž

Design with markup that's easy to learn! It's more like

Export directly to projects – Build cross platform apps, start inside Sketch πŸ’ͺ

Also download our brand new , it's awesome. We promise 😺

68–95+ or

(not required but nice to have)

code app
Sketch assistant
Capacitor.js export
Sketch2React
Markdown
Capacitor.js
Sketch Assistant
Sketch
Lunacy 8
Sketch2React 2021
Sketch assistant
Page cover image