Welcome to Sketch2React 🏡

The front-end framework for Sketch app 💎

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

Sketch2React is:

  • Framework, code app, plugin

  • Website HTML5 project export

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

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 66+

  • Sketch2React Code App 1.6.8

  • OSX Catalina

Sketch2React v1.6.8 - Designed and developed in Stockholm with 💗 by Team Sketch2React ©2018–2020