Using the Design tab

The Creative Agent is great for big changes, but when your asset is nearly finished, and you need to dial in the details, the Design tab is your precision tool.

Next Lesson: 📄 Publishing your Asset

When to Use the Design Tab

The Creative Agent works best for large changes like restructuring layouts, rewriting copy, or swapping colors. For smaller adjustments like moving a button a few pixels, tightening spacing between a header and subheader, or setting an exact font size, the Design tab gives you more direct control.

How to Open It

Click any element on the canvas, then select the Design tab from the sidebar. What you see in the Design tab is always specific to whatever you have selected. Click a button, and you'll see that button's properties. Click a section, and you'll see the section's properties.

What You Can Control

Margin and Padding control spacing. Margin controls the space outside an element; padding controls the space inside it. If a button feels too close to a neighboring element, increase the margin. If the text inside a button feels cramped, increase the padding.

Width and Height let you set exact dimensions when the agent has sized something slightly off or when you need an element to be a specific size.

Layout controls alignment, direction, and how elements stack or sit next to each other inside a container. Use this to center something, push it to the left, or adjust a two-column layout.

Typography options appear when the selected element contains text. You can adjust font size, font weight, line height, letter spacing, and text alignment without changing your global brand settings.

Custom CSS

At the bottom of the Design tab there is a custom CSS field for each element. If you know CSS and need to apply something the standard controls do not expose, you can write it directly there. This is an advanced option most users will not need regularly.