> 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** (wall, 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&amp;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 commands 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&amp;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&amp;token=009ab65a-cb4a-4601-acde-3ef7e7d8c063" 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="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2F5rwHjaiPvKdjqLMpF69H%2Fedit-wall.webp?alt=media&amp;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 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="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FHNQjLLFoy3LEC5hhBxrM%2Fcreate-opening.webp?alt=media&amp;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`:** distance between door center line and wall spine the opening is hosted in.

<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&amp;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 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="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2Fhh1I4tRSUh9JouecAZk7%2Fcreate-zone.webp?alt=media&amp;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. **`Tilling`** 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&amp;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 point, 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&amp;token=08f0848f-1c1c-42e5-b1e5-0a09d0eb6685" 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="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FNty8tLkNxuendn8aRGu9%2Fzone-divider.webp?alt=media&amp;token=c6bf0df6-5525-4661-a261-6ccaaaa9aaf5" 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).
