The dock

The dock is the toolbar at the bottom center of the editor. Everything you add to a scene starts here.

The dock with its five groups of buttons numbered
  1. Assistant: opens the AI assistant.
  2. Shapes and drawing: shapes, lines, the pen and the brush.
  3. Content: text, images, 3D models, vectors, icons, code, audio, charts, media frames, HUDs and bentos.
  4. Scene: lights, a backdrop, particles, formations, generators and physics objects.
  5. Organize: build a scene from a folder, group, adjust, instance, or clear the scene.

Hover any button to see its name.

Open a button's family

Many buttons hold a family of related tools. A small triangle in the button's corner tells you which ones.

To open a family, do one of these:

  • Press and hold the button.
  • Right-click it.
  • Click the small triangle in its corner.

The family opens above the dock. Choose a tool, or press Esc to close it.

The shapes family open above the dock: Rectangle, Ellipse, Triangle, Sphere, Cylinder, Cone, Torus, Metaball, Glass tube and Frame

Draw a shape to size

Shapes, lines, text, particles and frames are drawn right on the canvas.

  1. Click the tool in the dock. The pointer is now ready to draw.
  2. Drag on the canvas to draw the shape at the size you want.

    • Hold Shift to make a perfect square or circle.
    • Hold ⌥ (Alt) to draw out from the center.
  3. Or just click once to drop the shape at its default size.
Clicking the Rectangle tool, then dragging on the canvas to draw a rectangle to size

The tool puts itself away after each shape, as in Figma. To draw another, click the tool again. To cancel, press Esc or click the tool's button again.

The tools that draw are Rectangle, Ellipse, Triangle, Sphere, Cylinder, Cone, Torus, Metaball, Line, Text, Particles and Frame. With Text, a click starts a line that grows as you type, and a drag draws a text box of a fixed size, whose words wrap. See Text.

Other buttons add their layer straight away, or open a file picker or a panel first.

Everything in the dock

Three more families: the brushes, the chart kinds and the lights

Shapes and drawing

ButtonFamilyLearn more
RectangleRectangle, Ellipse, Triangle, Sphere, Cylinder, Cone, Torus, Metaball (liquid metal), Glass tube (liquid glass), Frame (a group with a background, ready for a layout)Shapes and frames
LinePen and paths
Pen (P)Pen and paths
Brush (B)Paint, Bristle brush, Watercolor, Calligraphy, Marker, Ballpoint, Pencil, Charcoal, CrayonBrushes and drawing

Content

ButtonFamilyLearn more
Text (T)Text, Rotating phrases (a line whose last word keeps changing)Text
ImageImage (file), Generate from text…Images and video
3D model3D model (GLB file), Generate from text…, Cloth drop (a baked simulation)3D models and splats
Vector (SVG)Opens a file picker for an SVGPen and paths
IconOpens the icon picker (the Lucide set)Pen and paths
CodeA live HTML or React layerCode layers
Audio trackAudio track (file), Voiceover…, Sound effect from words…, Music from words…Audio
ChartBar, Line, Area, Pie, Donut, Scatter, Gantt, Timeline, Particles from dataCharts and data
Media frame13 frames, including a Polaroid, torn paper, a Post-it, a notebook page and old desktop windowsMedia frames and HUDs
HUDCamcorder REC, Viewfinder, 16 mm film frame, Date stampMedia frames and HUDs
BentoHero 2×2, Mosaic 3×3, MagazineLayouts and bentos

Scene

ButtonFamilyLearn more
Spot lightSpot light, Point light, Ambient light, 3-point setup, Dramatic lightLighting and environments
BackdropBackgrounds
ParticlesParticles, Dot grid (a flat, still field), Matrix (a still cube of dots)Particles
FormationCards, Dots, CubesFormations
GeneratorGalaxy, City blocks, Terrain, Grass, OrbitsGenerators
FlagFlag, Smoke, Splash, StackPhysics

Organize

ButtonWhat it does
Build scene from folderPick a folder of pictures (up to 50). They arrive as a grid of picture cards in a new group. See Build a scene from a folder.
GroupAdds a new, empty group.
Adjustment layerAdds a layer that grades every layer below it. See Adjustment layers.
InstanceWith a group selected, adds a linked copy beside it. Edit the original and every instance follows. See Components.
Clear sceneRemoves every layer, after asking you first.

Warning

Clear scene can be undone, but one layer at a time. On a big scene that's a lot of presses of ⌘ Z.