Welcome to Sketch2React 🏑

Build React powered prototypes directly from Sketch

Go from .sketchfiles (via our framework) to code really fast!

Sketch2React is:

  • Framework, code app, plugin

  • Website HTML5 project export

  • Website React project export

What is Sketch2React?

Sketch2React is a tool and framework that lets you build React powered prototypes directly from inside Sketch πŸ’Ž

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

  • Design with code snippets that're easy to learn! It's more like Markdown​

  • Fully responsive

  • Zero plugins

  • Visual way of learning more about code

  • Treat the layers view in Sketch 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

  • Sketch 60-64 Beta

  • Sketch2React Code App 1.6.8

  • OSX Mojave or Catalina

Sketch2React v1.6.8 - Designed and developed in Stockholm with πŸ’— by Team Sketch2React Β©2018–2020