Rounding

How to apply and adjust rounding to parts.

Rounding is a property that softens or smooths the edges of visual elements by applying rounded corners. This design technique is used to create a more visually appealing and user-friendly interface by avoiding sharp corners and edges.

How to Apply Rounding

What Parts Can I Apply Rounding To?

Most parts can have rounding applied. Any part that has a Decoration Editor on the right menu has the rounding property. This includes buttons, rows and columns, avatars, icons, cards, images, accordions, and more.

How To Use the Rounding Property

Select the part you wish to apply rounding to. Then open the Decoration Editor on the menu, and go to the 'rounding' tab.

Rounding can be applied to all of the part, the top left, top right, bottom left, and bottom right, or a combination of these. There are various degrees of rounding ranging from none to full, with incremental size points in between.

Applying Rounding Using the Decoration Editor

You can create some interesting shapes with the rounding property. For example, using 'full' rounding on some edges creates variety. Here are some images with selected rounding applied:

Applying Rounding to Selected Corners to Create Variation in Shape