Skip to main content

Understand the Design panel

The building blocks for a clean, polished design

Once you select a layer, use the Design tab in the Property panel to adjust its appearance and layout.

Design options vary depending on the layer type (text, media, shapes, etc). Here are some of the most common design properties.

Layout

Layout tools control where a layer sits and how large it is.

  • Position sets where the layer appears on the canvas. Change X (horizontal) and Y (vertical) to move it left, right, up, or down.

  • Size controls width and height.

  • Angle sets rotation in degrees.

Opacity

Opacity controls how transparent a layer is.

  • 100%: fully visible

  • 0%: means the layer is completely transparent.

Lower opacity is useful for soft overlays and layered compositions. You can also choose a blend mode to control how the layer mixes with what’s behind it.

Text

When a text layer is selected, the Design tab shows typography controls (font, size, alignment, line height, letter spacing, and more). For details, see Edit text.

Corner

Corner rounds the corners of supported layers (such as rectangles, images, and groups). Use a uniform radius, or set corners independently.

Fill

Fill controls the color inside a layer.

Enable Fill, then use the color picker or enter a hex value. Use the eyedropper to sample colors from the canvas.

You can also set linear or radial gradients instead of solid fills to add washes, glows, and spotlight effects.

Stroke

Stroke adds an outline around a layer.

  • Enable Stroke to apply an outline

  • Adjust the color, width and position to control how the outline appears.

This can help define edges or make elements stand out more clearly.

Shadow

Shadow adds depth to a layer and helps it stand out from the background.

Adjust Offset (position), Blur (softness), Opacity (strength), and Color.

Layer blur

Layer blur softens a layer by reducing sharp edges and detail.

A subtle blur can be useful for background elements, while increasing the blur radius can create a more diffused or frosted look.

Background blur

Background blur softens the content behind the layer while keeping the layer itself sharp. This is useful for frosted UI panels and overlays.

Adjust Radius and Blend to control strength and mix.

Glass

Glass simulates realistic glass on a layer. Enable Glass, then fine-tune properties like Refraction, Depth, Frost, and Light.

✏️ Note: Design edits the layer’s static look. To animate those same properties over time, switch to the Animate tab and add a custom animation (for example Color, Shadow, Layer Blur, or Glass).

Did this answer your question?