Welcome to Marcode Docs 🏡

Breath in the air of knowledge dear scholar!

Build in your design app
Ship to iOS & Android
What is Marcode?
Marcode is a companion app for Sketch and Icons8 Lunacy that reads the .sketch file in real time and outputs autogenerated code. No plugins needed, all is done using easy to learn markup on layers & groups.
It's like having an extra layer of code, but straight inside your preferred design app 💪
Design with markup that's easy to learn! 
Fully responsive
Zero plugins
Treat the layers view in Sketch & Icons8 Lunacy as a very simple code editor
Use CSS plugins
Offline mode
Hot reload
Build entire static websites directly from inside of Sketch or Icons8 Lunacy 🤯
Exports directly to Capacitor.js projects – Build cross platform apps 💪
Exports to HTML bundle that includes .html, css and all relevant files
Also download our Sketch Assistant, it's 100% compatible with Marcode
Software requirements
​Sketch 80+ or Icons 8 Lunacy​
Marcode 2022 for Mac or Windows​
macOS Big Sur, Monterey or Ventura, Windows 10 or 11
​App Builder plugin (Sketch only, not required but very nice to have)
​Sketch assistant (Sketch only, not required but nice to have)
Marcode v2022.2.0 for Mac | Marcode v2022.1.8 for Windows | Designed and developed in Stockholm with 💗 by Sketch2React AB ©2023

Next - learn

Get started guide 🍕

Last modified 4mo ago