> 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/design/elements-walls-zones-openings-etc.md).

# Elements: walls, zones, openings, etc

**Elements** (wall, zones, etc) can be found in the **bottom toolbar** or triggered via [**shortcuts**](/documentation/design/shortcuts.md).

<figure><img src="/files/a53nE4zUlX1VS8gB8Aqw" alt=""><figcaption></figcaption></figure>

### Wall `W`

**Mode** : Alignment, Arc\
**Arguments** : Distance, Angle

* Start by inserting a **start point** for your wall.
* Then select an **end point**.
* The wall commands then offers to continue drawing other wall segments; press **`Done`** to terminate at any point.

<figure><img src="/files/A6IR1SPoRzo08qmGA1y6" alt=""><figcaption></figcaption></figure>

Once drawn, a wall has a few important properties that can easily be tuned...

* **The wall `thickness`**, inside the wall style
* **The wall `alignment`**, inside the wall properties

<figure><img src="/files/hFoNvl0qJcFBgmXzuYQL" alt=""><figcaption></figcaption></figure>

**Walls can also be redesigned**; at any point, the user can click on the wall helper dimensions, and resize a wall length.

<figure><img src="/files/jlgyzNRpsvCQltMO4ZMq" alt=""><figcaption></figcaption></figure>

Finally, **walls can be reshaped,** to represent more irregular shapes. Triggering the edit mode on any wall will allow remodelling it.

### Free walls <a href="#h_c0e482e6a2" id="h_c0e482e6a2"></a>

Any existing wall can be converted into a free wall via a right-click : Convert > To Free wall. Once converted, the wall's path becomes fully editable, allowing it to represent curved or irregular shapes.

Note: converting a wall to a free wall will not transfer its style tokens. Re-apply the desired style after conversion.

### Openings `OP` <a href="#h_c0e482e6a2" id="h_c0e482e6a2"></a>

* First, **select a door or window from the "Opening" library.**
* Then, place the opening by **dragging and dropping**, like in the GIF above!
* The final step of the command will allow you to choose the opening direction.

<figure><img src="/files/XBxvROw1kJAg1vFHYggG" alt=""><figcaption></figcaption></figure>

Once drawn, an opening has a few properties that can be edited easily...

* The **`zone limit`**: it defines where the zone should stop across the opening hole; at its inner threshold, outer threshold, center, etc
* The **`offset`:** distance between door center line and wall spine the opening is hosted in.

<figure><img src="/files/EEws2hMEMOiQmZ1qfzZq" alt=""><figcaption></figcaption></figure>

**Openings in free walls**

Openings can now be hosted in free walls. The workflow is the same: select an opening from the library, then drag and drop it onto the free wall.

A few things to keep in mind:

* **Orientation is manual.** Unlike regular walls, free walls have no predefined spine direction. The opening's orientation is set by where and how you place it — what you see is what you get.
* **Hosted openings follow the wall.** Moving a free wall will move all its hosted openings along with it.
* **Path editing preserves hosting.** Editing the free wall's path will not unhost openings already placed in it.

### Everything about zones <a href="#h_0a6478a4ae" id="h_0a6478a4ae"></a>

Zones allow defining room surfaces in a single click; they can be created using the **`Zone`** tool, and divided using the **`Zone Divider`**. These tools are described here below.

#### Zones `Z` <a href="#h_0a6478a4ae" id="h_0a6478a4ae"></a>

* **Click inside a room enclosed by walls.** A single click will create a zone, made of a shape and a tag.
* Alternatively, **clicking outside of an enclosed room** will allow you to create a zone **based on its outline.**

<figure><img src="/files/8gc0C3re6q0q9WUAQSS3" alt=""><figcaption></figcaption></figure>

Once created, a zone with a style using a texture-based or hatch-based fill, will give you access to the zone's **`Tiling`** property. **`Tilling`** enables you to set the pattern's offset and rotation.

<figure><img src="/files/xArBVJfGLcwL7iadl5R4" alt=""><figcaption></figcaption></figure>

Additionally, **a zone can be manually edited**. A double click on a zone will give you access to its edit point, like for any regular shape.

<figure><img src="/files/goQwRn3u8Ox1aRR3Ix9q" alt=""><figcaption></figcaption></figure>

#### Zone divider `DV`

Zone divider allows you to **split the zone of room** into distinct areas.

**Mode**: Arc.

* Click, preferably on a room's wall, to place the zone divider's first point.
* Place all other points across the room, until you reach another of the room's walls.

<figure><img src="/files/ogVjIbkMwQbi8LlzUIOi" alt=""><figcaption></figcaption></figure>

### Tutorial

For more step-by-step information, watch our tutorial about how to use walls, zones and openings in Rayon.

{% embed url="<https://www.youtube.com/watch?v=WAeOzE5n-X8&list=PL2mYb69TvSpw4sO2nADaUQpYXbzMe_z59&index=20>" %}

***

### 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).
