Marcode
πŸ“—Stay on top, read our blog πŸ˜„πŸ’ͺ
  • Welcome to Marcode Docs 🏑
  • learn
    • Get started guide πŸ•
    • Markup cheat sheet πŸ““
    • Using Marcode with Icons8 Lunacy
    • Components πŸ’Ž
    • Exporting to Code 🚚
    • Sketch Assistant Rules Explained πŸ“
  • goodies
    • CSS Writer plugin πŸ”Œ
    • Code snippets πŸ‘©β€πŸ’»
    • 3rd Party Plugins & Apps βš™οΈ
    • Join our Slack πŸ‘―β€β™‚οΈ
  • Support
    • FAQ❓
    • Releases ✍️
Powered by GitBook
On this page
  • Build in your design app Ship to iOS & Android
  • What is Marcode?
  • Software requirements

Welcome to Marcode Docs 🏑

Breath in the air of knowledge dear scholar!

NextGet started guide πŸ•

Last updated 2 years ago

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

Page cover image