# Welcome to Sketch2React 🏡

## Build in Sketch, deploy to React, Xcode, iOS, Android & Web app 

### **No coding, just markup**

![](https://3385312130-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LL-qYWTohHkbVxTapce%2F-MMzRf2XBUdLNXFmEUT_%2F-MMzRvdsAfsrSq0IikUS%2FBuiltForSketchBigSur.jpg?alt=media\&token=b5703851-5df5-4b23-ae68-f38431ebea1a)

{% hint style="success" %}
Go from .sketchfiles (*via our markup*) to code really fast!

### Sketch2React is:

* **Responsive markup,** [**code app**](https://marketplace.sketch2react.io/product/sketch2react/)**,** [**Sketch assistant**](https://www.sketch.com/extensions/assistants/@sketch2react/sketch2react-assistant/)
* **Website HTML project export**
* **Website React project export** (via create-react-app)
* Export **directly to iOS & Android** with built-in[ Capacitor.js export](https://sketch2react.gitbook.io/sketch2react-io/develop/exporting-to-code#export-to-capacitor-js)
  {% endhint %}

## What is Sketch2React?

[**Sketch2React**](https://sketch2react.io) is a companion app that lets you **build React & HTML powered prototypes (and simple websites)** directly from inside Sketch or Lunacy 💎

> That gives you high fidelity code right from scratch 💪

* Design with **markup that's easy to learn!** It's more like [**Markdown**](https://en.wikipedia.org/wiki/Markdown)
* Fully responsive
* Zero plugins
* Treat the layers view in Sketch or Lunacy as a very simple **code editor**
* Use CSS plugins
* Offline mode
* Hot reload
* Build entire static React powered websites directly from inside of Sketch 🤯
* Export directly to [Capacitor.js](https://capacitorjs.com) projects – Build cross platform apps, start inside Sketch 💪
* Export to HTML package that includes .html, css and all relevant files
* React code & components

{% hint style="success" %}
Also download our brand new [Sketch Assistant](https://www.sketch.com/extensions/assistants/@sketch2react/sketch2react-assistant/), it's awesome. We promise 😺
{% endhint %}

## Software requirements

* [Sketch](https://sketch.com) 68–95+ or [Lunacy 8](https://icons8.com/lunacy)
* [Sketch2React 2021](https://marketplace.sketch2react.io/product/sketch2react/)
* macOS Big Sur, Monterey or Ventura
* [Sketch assistant](https://www.sketch.com/extensions/assistants/@sketch2react/sketch2react-assistant/) (not required but nice to have)

Sketch2React 2021.2.7 - Designed and developed in Stockholm with 💗 by Sketch2React AB ©2018–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/sketch2react-io/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.