The selection bar
The floating bar next to a selection: quick values, style, effects, 3D, components and the AI.
When you select something, a small bar appears next to it with the actions you're most likely to want. It stays out of the way until then, and it adapts to what you selected: vectors get path operations, images get trace, instances get component actions.
What's on it
| Control | What it does | Range or shortcut |
|---|---|---|
@id and +N | The selected layer's id and how many more are selected | Type the id after @ in chat |
| Opacity | Click to scrub; applies to every selected layer | 0–100 %, default 100 % |
| Scale | Click to scrub | 10–400 %, default 100 % |
| Rotation | Click to scrub | −180° to 180°, default 0° |
| Style | Fills, borders, shadows and effects in a popover | |
| Border | Color or gradient, position, width, dashes | |
| fx (with a count) | Shadows and effects | |
| 3D | Views, a tilt pad and exact inputs | X −90° to 90°, Y −180° to 180° |
| Create component | Turns the selection into a component | ⌥⌘K |
| Instance menu | Open Component (⌘↓), Go to Main Component, Detach Instance | Instances only |
| Interactions | Add tap trigger, Add hover trigger, Show interactions | |
| Path operations | Outline Stroke, Offset Path…, Reverse Path Direction, Flatten Transform | Vectors only |
| Trace Image… | Turns an image into vector paths | Images only |
| Reference in chat | Adds the selection to the composer as @layer | ⌘L |
| Tell the AI what should change here | A small prompt field next to the selection | Send with ⌘↩ |
| Edit in the inspector | Opens the full set of properties |
The 3D popover
The 3D chip tilts a layer in perspective. It lights up and shows the angle while the layer is tilted.
| View | Tilt X | Tilt Y | Notes |
|---|---|---|---|
| Flat | 0° | 0° | Reset does the same |
| Isometric | 54.74° | 0° | Plus a 45° turn, almost no perspective |
| Left / Right | 0° | −32° / 32° | Turned |
| Top | 30° | 0° | Tipped back |
| Hero | 14° | −22° | Strong perspective (900) |
| Floor | 62° | 0° | Lying down |
| Flipped | 0° | 180° | The back side |
Drag in the pad to set both axes at once, or type exact values in X, Y and Depth (100–20,000; smaller means stronger perspective).