FAQ ๐Ÿค“

Last updated 5 days ago

What is Sketch2React?

Sketch2React is a free Design to Code Playground that consists of:

  • A free framework based on Bootstrap 4 that consists of Componentsโ€‹

  • A Desktop App (Mac only) that converts your Sketch files into actual code

  • A Sketch plugin that helps you setting up the Bootstrap Grid inside of Sketch

  • From our Code App you can export to HTML5 totally for free

  • A Pro paid version is coming where you will also have things like true React export & Live HTML Previewing.

When should I use your framework?

Our framework is really great for many things, like for example:

  • Learning limitations of code, trying out things in a real code environment

  • We call it the Design to Code Playground because once you get the grips you will have lots and lots of fun!

  • Static websites like for example portfolios, landing pages, product pages

  • Fully responsive prototypes that actually are for real

Nice image that explains a few thingies

When should I not use your framework?

All things that require complex logic that we don't yet support. On the other hand, designers can set up things like the grid, colors, fonts, general layout rules and with that developers can do anything. Sky is the limit!

Do I upload my .sketchfile somehow to your web app?

Nope! Everything is handled locally on your computer, nothing gets uploaded to our servers. Super safe. We promise.

What is the .sketchplugin for?

You actually donโ€™t need the plugin but it will make your workflow so much faster. It works a bit like a wizard that helps you with all of the really tedious stuff like creating containers, choosing margin and paddings etc. All of these settings can be changed afterwards in Sketchs layer panel.

Can I use web fonts like Google Fonts?

Yes you can! Actually itโ€™s really easy, check out our handy Cheat Sheet for further instructions.

How do I export to code?

You use our Code App for that. Read more here about exporting.

Does it cost money?

Framework, code app, layout plugin and HTML5 export will forever be free. We're working on Pro features like React export and other goodies that will require a subscription, but that's not yet available.

How stable is the Beta?

It's really stable. We call it Beta because we have not reached our goal yet. Not because it's flawed or super buggy. You can read an article here if youโ€™re interested.