Welcome to Sketch2React 🏑

The Design to Code Component Framework for 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

In fact, we're the only free Sketch App to code framework that exist βœ…

What is Sketch2React?

Sketch2React is a tool and framework that lets you build React powered websites & components 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 56.3-60.1 (1.6+ is required for Sketch 59+)

  • Sketch2React Code App

  • OSX Mojave or Catalina (requires 1.6+)

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