# Drawing

We will **keep things simple for now.**

In this quick introduction, we will show you how **the basics of how to draw in Rayon** (using walls, dimensions, openings, styles, layers, etc.)

Let's get started!

{% stepper %}
{% step %}

### Draw a room <a href="#h_c77b8ac72b" id="h_c77b8ac72b"></a>

Drawing a room is easy! Get started by...

* Drawing a room outline using the **`Wall (W)`** tool.
* Add a room surface using the **`Zone (Z)`** tool.
* Learn more about [walls and zones here](https://docs.rayon.design/documentation/design/elements-walls-zones-openings-etc)!

{% embed url="<https://player.vimeo.com/video/1136126533?autoplay=1&controls=0&loop=1&muted=1>" %}
{% endstep %}

{% step %}

### Add openings & furnishing <a href="#h_14d718d764" id="h_14d718d764"></a>

Now, let's place openings and furniture in the room:

* Use the **`Opening (OP)`** tool to **place doors and windows** along the room’s walls.
* Add some furnishing to the interior by **dragging and dropping blocks** from the [block library](https://docs.rayon.design/documentation/design/blocks).

{% embed url="<https://player.vimeo.com/video/1136126503?autoplay=1&controls=0&loop=1&muted=1>" %}
{% endstep %}

{% step %}

### Add dimensions <a href="#h_e6a620a8bc" id="h_e6a620a8bc"></a>

Finally, annotate your floor plan using the **`Dimension (DI)`** tool, as seen above.

{% embed url="<https://player.vimeo.com/video/1136126469?autoplay=1&controls=0&loop=1&muted=1>" %}
{% endstep %}

{% step %}

### Change styles & layers

When you start drawing in a new model, some things are **set as active:**

* **The active style:** Styles are the way things on the canvas look: **their color, fill, font, line width, etc.** When you draw a new shape, its style will be defined by the current active style.
* **The active layer:** layer correspond to the way items are organized in a model, grouped on layers. When you draw a new shape, its layer will be defined by the current active layer.

{% embed url="<https://player.vimeo.com/video/1136126563?autoplay=1&controls=0&loop=1&muted=1>" %}
{% endstep %}

{% step %}

### A few more things

A few additional settings are good to know as you get started with Rayon:

* **Units**: A model's **units** can be found both in the bottom right panel and from the **main menu button under preferences.**
* **Navigation: Zooming in and out of a model** can be done from the bottom right panel or using [a mouse or trackpad.](https://docs.rayon.design/documentation/rayons-basics/navigation-and-command-access)
* **Snapping**: There are a few **snapping options** in Rayon, all available in the **bottom right panel:**
* **Wireframe**: Lastly, you can use the **wireframe mode**, which will show elements drawn either **with the applied style (wireframe off**) or by their **minimal line weight representation (wireframe on)**.
  {% endstep %}

{% step %}

### Next step

You are done! \
Head to the next step, **click below!**

<a href="sharing-commenting-annotating" class="button primary">Next step</a>
{% endstep %}
{% endstepper %}

### Tutorial

For more step-by-step information, watch our tutorial about how to draw in Rayon:

{% embed url="<https://www.youtube.com/watch?v=7CWOr-QP7rE>" %}

***

### We are always available

Book a demo with our team, [right here](https://b1kzip68v9f.typeform.com/to/Hgr0eQ4k#source=docs).\
To get some support, reach out to us through our **in-app support chat**. \
More about [our support policy right here](https://docs.rayon.design/other-resources/others/support).


---

# 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://docs.rayon.design/documentation/rayons-basics/drawing.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.