Code App πŸ‘©β€πŸ’»

Sk
Last updated 17 days ago

Our free desktop app does many amazing things that you will enjoy while developing from within Sketch with our framework.

Sketch2React Code App features

  • Hot Reload - Every time you save in Sketch it automatically reloads that file in our code app

  • Offline Mode - Everything that does not require an internet connection in your design file will work offline

  • Mobile View = Opens up another responsive window of your design with the start width of 576px

  • It’s super fast

  • Use CSS plugins

  • Dev Tools built in (βŒ₯⌘C)

  • Handy shortcuts to our documentation & tutorials (requires internet connection to work)

How to use

  1. Go to File--->Open (⌘O)

  2. Open up the .sketchfile you are working on

  3. That same file is now linked with our Code App

  4. Happy makings!

How to download HTML5

  1. Go to the sidebar in our app and click Download

  2. Choose where to save

  3. Do this for each artboard you want exported to HTML5

Handy shortcuts

⌘O = Link to your .sketchfile

βŒ₯⌘M = Mobile View, opens up a new responsive window with start width 576px

⌘D = Documentation

⌘T = Tutorials

⌘F = Demo files

⌘P = Publications on our blog