---
url: /designer-layout.md
---
# Designer Structure

The *Designer* is composed of three areas:
![../images/image.png](/images/image%201.png)
*Designer Overview*

from left to right:

* **Palette**: on the left, where we find datasets, *Service* and combinable models to create *Workflow*
* **Canvas**: central area where you drag elements taken from the Palette to assemble the *Workflow*
* **Element Details**: on the right, multifunctional panel for the configuration - among others - of *Workflow*, *Service* and their ports