Components

Create your UI design using container, label, and button components.

Add a component by clicking on one of the components in the sidebar.

Drag the component to position it where you want by clicking and dragging the top left corner move icon.

Resize the component by dragging the bottom right corner resize icon.

On top of the component, you will find the duplicate, lock and delete options.

Select a component to open the UI Editor and customize its properties.

Containers

Containers are the building blocks of your UI. They act like boxes that can hold other elements.

Containers can hold other elements, including other containers, labels, and buttons.

Labels

Labels are used to display text and images in your UI. They're great for titles, descriptions, or any other text content as well as custom images.

Buttons

Buttons are interactive elements that users can click. They're used to trigger actions in your UI.

How to use Buttons:

To make your button interactive, use the "Click Actions" dropdown in the UI Editor to select what happens when the button is clicked.

You can always select any element on the canvas to see and edit its properties in the right-hand UI Editor panel. Experiment with different combinations of containers, labels, and buttons to create your perfect UI.

Github Feedback

DCL UI Design Studio