Images
Paste or drop images onto the stage and animate them like any other layer.
Images are layers like any other: they move, scale, fade, take corner radius, shadows, masks and effects. Put a screenshot inside a device frame, add a photo behind a title, or trace a logo into vectors.
Add an image
- Paste it on the stage with ⌘V (“Image added · drop with ⌥ to trace it into vectors”).
- Drag an image file onto the stage.
- ⌥-drop an image to trace it into vector paths right away.
- Drop it on the chat to show it to the AI instead (see From a screenshot to an animation).
Work with images
| To | Use |
|---|---|
| Round the corners | Ask the AI (“round the screenshot's corners by 24”), or clip it with a rounded rectangle mask. The inspector's Corners section is for rectangles |
| Add depth | Shadows and Effects in the inspector |
| Clip to a shape | A mask |
| Turn a logo into vectors | Image trace (Vectorize in the Layer row) |
| Swap it per copy | Expose it as a component prop and Choose… per instance |