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

An exhaustive list of Rayon's BIM-like tool set.

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

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2F4rCHjyw31gPbKGIZNXfH%2FFrame%201785%20(3).png?alt=media&#x26;token=61257b9f-815a-46dd-90e5-d4f3063e0fe8" 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 command then offers to continue drawing other wall segments; press **`Done`** to terminate at any point.

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FKSBO1Hc2aBCFD5F2qiFn%2Fcreate-wall.webp?alt=media&#x26;token=982c0c9a-106a-418a-a425-6d39ccec3e9a" 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="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FxULY4jlgiCqC3J8KnS79%2FFrame%201802%20(1).png?alt=media&#x26;token=009ab65a-cb4a-4601-acde-3ef7e7d8c063" alt=""><figcaption></figcaption></figure>

**Walls can also be resized**; at any point, the user can click on the wall helper dimensions, and change a wall's length.

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2F5rwHjaiPvKdjqLMpF69H%2Fedit-wall.webp?alt=media&#x26;token=5738442b-7535-4dbc-b1c3-82d092b3721b" alt=""><figcaption></figcaption></figure>

Finally, **walls can be reshaped** to represent more irregular shapes. Triggering the edit mode on any wall allows you to reshape 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 image below!
* The final step of the command will allow you to choose the opening direction.

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FHNQjLLFoy3LEC5hhBxrM%2Fcreate-opening.webp?alt=media&#x26;token=2dfcc887-2769-42f3-8332-f17d59fc0263" 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`**: the distance between the door's center line and the spine of its host wall.

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FneI6K3cIE7pI8pGOvxPr%2FFrame%201801.png?alt=media&#x26;token=f3ae6f39-f1c0-4fa1-941f-69d9edf6264c" 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 you to define room surfaces in a single click; they can be created using the **`Zone`** tool, and divided using the **`Zone Divider`**. These tools are described 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="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2Fhh1I4tRSUh9JouecAZk7%2Fcreate-zone.webp?alt=media&#x26;token=2c4f5bc7-e586-4fde-87f9-cd447aa595e0" 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. **`Tiling`** enables you to set the pattern's offset and rotation.

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FOi84kw0U4GMMbnOXJZSj%2FFrame%201803%20(1).png?alt=media&#x26;token=0d88863b-5af1-419a-8e19-d854ab512075" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FezTspuUUhWyEfG16VdKY%2Fedit-zone.webp?alt=media&#x26;token=08f0848f-1c1c-42e5-b1e5-0a09d0eb6685" alt=""><figcaption></figcaption></figure>

#### Zone divider `DV`

The zone divider allows you to **split a room's zone** 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="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FNty8tLkNxuendn8aRGu9%2Fzone-divider.webp?alt=media&#x26;token=c6bf0df6-5525-4661-a261-6ccaaaa9aaf5" alt=""><figcaption></figcaption></figure>

***

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