# Welcome to Marcode Docs 🏡

Build in your design app\
Ship to iOS & Android
---------------------

![](https://1404888505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LL-qYWTohHkbVxTapce-815021127%2Fuploads%2FjGHqbuXPsl2qFOC73OGB%2FMarcode-MoneyShot.png?alt=media\&token=04ce0e4a-3bff-4fca-8007-09a242232416)

## 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](https://capacitorjs.com) projects – Build cross platform apps 💪
* Exports to HTML bundle that includes .html, css and all relevant files

{% hint style="success" %}
Also download our [Sketch Assistant](https://www.sketch.com/extensions/assistants/@sketch2react/sketch2react-assistant/), it's 100% compatible with Marcode
{% endhint %}

## Software requirements

* [Sketch](https://sketch.com) 80+ or [Icons 8 Lunacy](https://apps.apple.com/se/app/icons8-lunacy/id1582493835?mt=12)
* Marcode 2022 for [Mac](https://marketplace.sketch2react.io/product/marcode/) or [Windows](https://marketplace.sketch2react.io/product/marcode-for-windows/)
* macOS Big Sur, Monterey or Ventura, Windows 10 or 11
* [App Builder plugin](https://marketplace.sketch2react.io/product/app-builder-plugin-for-sketch/) (Sketch only, not required but very nice to have)
* [Sketch assistant](https://www.sketch.com/extensions/assistants/@sketch2react/sketch2react-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