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

# Design Area

This is the most important part of Lumise editor. It is a preview for all added layers. Click on each layer to edit or drag the mouse to adjust all layers.

![](/files/-MMtCyUoibBjgv8V1cWx)

There are parts of the design area:

* **Object editor:** Customize the selected object color and effect. 
* **Zoom tools:** Scroll to zoom in or zoom out.
* **Stages switcher**: switch design view to other stage or product.
* **Design area**: The range for design
* **Toolbar:** The options for selected layers include arranges, transform, and position.