Welcome to Sketch2React 🏡

Last updated 20 seconds ago


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

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

  • HTML5 export = Free

  • Framework, code app = Free

  • Vanilla React + React Export = Upcoming Paid Subscription Plan

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 alter your Sketch design files with the super powers of Bootstrap and React.

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

  • No export required!

  • 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 (in private/closed pilot)

Software requirements

  • Sketch 52–53

  • Sketch2React Code App

  • Mac OSX Sierra 10.12.6–OSX Mojave 10.14.3

Sketch2React Beta - Designed and developed in Stockholm with 💗 by Team Sketch2React ©2018–2019 Send us feedback​

​Twitter | Product Hunt | Youtube | Medium​