Sketch2React.io

The free Sketch to Code Framework

Sketch2React is is a framework and a React web app that converts Sketch design files into prototype React code. That spits out real HTML. Very super!

A .sketchplugin that speeds up the workflow + a React render app

No export required!

Around the web

Reviews

Jorgen Gedeon
James Futhey
Naveen Nagar
 +3 reviews
  • Jorgen Gedeon
    Jorgen GedeonAD/UX/UI designer
    Pros: 

    From design to code resposive layouts

    Cons: 

    Requires correct "coding" names

    A very promising project. Can't wait to see where this is going.

    Jorgen Gedeon has used this product for one day.

Discussion

You need to become a Contributor to join the discussion - Find out how.
James Futhey
James Futhey@futhey · Product Design Consultant
Really cool! Responding to other comments: I think this might be more useful for our use-case, where we have a small team maintaining an atomic sketch library, and can build-in some of the "code" features in symbol overrides, and distribute to our team. Nice work!
Sketch2React
Sketch2React@sketch2r · The free design to code framework
@futhey Awesome to hear James and I think your on point here. Further along the road we will create true Sketch to React hand-off…
Sketch2React
Sketch2React@sketch2r · The free design to code framework
Hey guys Juan here from Sketch2React. We have created a bunch of very short tutorials to get you started: https://sketch2react.io/docs/tut...
Sketch2React
Sketch2React@sketch2r · The free design to code framework
Hey guys, we just added a Components page: https://sketch2react.io/docs/com...
Sketch2React
Sketch2React@sketch2r · The free design to code framework
We know it can be hard to explain what this does so we created: https://sketch2react.io/howitwor...
Sketch2React
Sketch2React@sketch2r · The free design to code framework
Hey 👋 We just released v0.55 with lots of great new thingies: https://sketch2react.gitbook.io/...