# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sketch2react.gitbook.io/marcode/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.