Appearance
Configure visibility, opacity, corner radius, and blend mode for a layer.
Appearance settings overview
The Appearance section in the right inspector contains properties that control the basic visual presentation of a layer. Available settings depend on the layer type.
| Setting | What it controls |
|---|---|
| Visibility | Whether the layer is shown or hidden on the canvas |
| Opacity | The layer's overall transparency (0–100%) |
| Corner radius | How rounded the corners are (rectangles, frames) |
| Blend mode | How the layer's pixels interact with layers below it |
Visibility
Toggle the eye icon next to the layer name or in the Appearance section to show or hide the layer. Hidden layers do not appear in exports.
Opacity
Opacity controls the overall transparency of the layer — including all its fills, strokes, and effects together. Setting opacity to 50% makes the entire layer half-transparent.
This is different from fill opacity, which only affects a specific fill's transparency while leaving other properties at full opacity.
Corner radius
Set a uniform radius for all corners, or switch to independent corners to set each corner separately. See Corner radius for details.
Blend mode
Blend modes control how a layer's color merges with the layers beneath it. The default is Normal (no blending). Other modes — such as Multiply, Screen, Overlay — create color interaction effects.
See Opacity and blend modes for a full explanation and table of modes.
Tips
- Use the visibility toggle instead of deleting a layer when you want to test a design without losing the content.
- Layer opacity and fill opacity affect different things — layer opacity makes the whole layer transparent; fill opacity only affects that fill.