> For the complete documentation index, see [llms.txt](https://docs.rayon.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rayon.design/documentation/rayons-basics/drawing.md).

# 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](/documentation/design/elements-walls-zones-openings-etc.md)!

{% 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](/documentation/design/blocks.md).

{% 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.](/documentation/rayons-basics/navigation-and-command-access.md)
* **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="/pages/U1wn44ODnUWs6lGMxHEN" 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](/other-resources/others/support-policy.md).