Lovision

Toolbar

A reference for tools in the Lovision editor toolbar and their shortcuts when available.

Toolbar location

The toolbar is displayed at the bottom-center of the editor canvas. Some tools have keyboard shortcuts; tools marked with in the shortcut column are opened by clicking their toolbar button.

Tools reference

ToolShortcutWhat it does
Select (Move)VClick to select layers; drag to move them or draw a selection rectangle. Default tool.
HandHPan the canvas by clicking and dragging. Hold Space with any tool to temporarily pan.
ScaleKResize layers while proportionally scaling stroke widths, corner radii, and effects.

Drawing tools

ToolShortcutWhat it does
FrameFDraw a frame (container) on the canvas by clicking and dragging.
RectangleRDraw a rectangle shape.
EllipseODraw an ellipse or circle.
TextTClick to add a text layer or click and drag to create a fixed-size text box.
PenPDraw custom vector paths with Bézier curves and anchor points.

Content tools

ToolShortcutWhat it does
MediaOpen upload options for inserting images and videos.

Panels

ToolShortcutWhat it does
Design TokensOpen the Design Tokens panel to create, organize, preview, and copy token values.

Switching tools

  • Click a tool icon in the toolbar.
  • Press a tool's keyboard shortcut when one is listed.
  • Press Esc from any drawing tool to return to the Select tool.

Tips

  • After drawing a shape or frame, Lovision automatically returns you to the Select tool so you can immediately move or resize what you drew. Disable this in Preferences if you prefer to keep the tool active for multiple drawings.
  • Holding the tool's shortcut key temporarily activates it in some modes — release to return to the previous tool.
  • The Pen tool is the primary toolbar entry for custom vector paths.

On this page