Our Editor features four main parts that support each other, so you can get a code-based design control.
Orientation - The Editor’s main sections
Top Menu
Objects Navigator
DDP - Dynamic Design Panel
Canjux. It used to be just Canvas, and we juxed it.
Let’s delve deeper into each section 🤿
Top Menu
A classic navigation, BUT! when designing on the canvas, you can access pre-build elements (see elements blog post) or components that you have in your organization component list.
Objects Navigator
Just like every pot has its cover 🥘 every object on the canvas has a place. and code written behind it. Voilà! The Objects Navigator allows you to view what’s on the canvas.
Is your object complex? no worries. we also display the different layers nested in the component.
Dynamic Design Panel
A Design Panel - yet dynamic. Your space to set design values, assign tokens, switch between states and more. The DDP is organized according to Modules and Sub-Module. This helps to encapsulate design decisions to logic areas.
Notes
The DDP is not active if no object is selected. Moreover, while switching to live mode, the DDP will not be active.
Hope this was valuable for you! ✌️
Wanna talk to us?
We want you to join our Product Advisory