Toolbar
The bottom toolbar provides quick access to creation tools, viewport controls, and preview mode.
Sections
Add Elements
The + button opens a menu to insert new elements: Frame, Text, Link, Image, Button, Input, Textarea, Select.
Canvas Tools
Three tool buttons — Pointer (V), Frame (F), Text (T). The active tool is highlighted.
Breakpoints
Three breakpoint buttons to switch responsive modes:
| Button | Breakpoint | Canvas Width |
|---|---|---|
| Desktop | base | Full |
| Tablet | md | 768px |
| Mobile | sm | 640px |
An accent dot appears on the active breakpoint icon. Small dots on each button indicate which breakpoints have overrides across the project.
Preview
The eye icon (⌘⇧P) toggles preview mode, which disables editing and enables link navigation.
TIP
In preview mode, the toolbar collapses — only the viewport selector and preview toggle remain visible.