All Collections
Designers Guide
🎯 Quick start with JUX Editor
🎯 Quick start with JUX Editor

Create a simple button component and share with Engineering

Updated over a week ago

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.


  1. The DDP is not active if no object is selected. Moreover, while switching to live mode, the DDP will not be active.

  2. Need more information about tokens, what are they, and why we have them? See our two-part tokens exploration: 1 and 2

Hope this was valuable for you! ✌️

Wanna talk to us?

We want you to join our Product Advisory

Did this answer your question?