Welcome to Sketch2React 🏑

The Design to Code Component Framework for Sketch

Thanks for joining our program. We will be updating this space from time to time with new documentation regarding our free design to code component framework for Sketch app.

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

Sketch2React is:

  • Framework, code app, plugin

  • Component HTML5 Export

  • Component Vanilla React + React 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 design real code components inside of Sketch app and output them into workable code.

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 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-59

  • Sketch2React Code App

  • OSX Mojave or Catalina

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