Keyboard Shortcuts
Quick reference for tool selection, viewport and zoom, rulers, edit actions, and mouse interactions in FigClank.
Tool Selection
Select tools using these single-letter shortcuts (no modifier keys required):
| Icon | Tool | Description |
|---|---|---|
| Cursor/SelectV | Select and move objects | |
| FrameF | Create frame containers | |
| TextT | Add text elements | |
| VectorP | Draw vector paths | |
| CircleO | Create circle shapes | |
| SquareR | Create square/rectangle shapes | |
| ResizeK | Open resize/scale modal for the selected node (single selection only) |
Viewport & Zoom
Control the canvas viewport and zoom level:
| Tool | Description |
|---|---|
| Zoom In+ or = | Zoom in at mouse position (or canvas center) |
| Zoom Out- or _ | Zoom out at mouse position (or canvas center) |
| Fit to Screen0 | Fit the entire design to the viewport |
| Reset Zoom1 | Reset zoom to 100% and center at origin |
| Zoom by DraggingZ + Drag | Hold Z key and drag to zoom in/out |
Rulers
Control ruler visibility and create guide lines:
| Tool | Description |
|---|---|
| Toggle Rulers⇧R | Show or hide rulers and guide lines |
| Create Horizontal GuideDrag from top | Drag from the top ruler to create a horizontal guide line |
| Create Vertical GuideDrag from left | Drag from the left ruler to create a vertical guide line |
Edit Actions
Undo, redo, copy, paste, and delete operations:
| Icon | Tool | Description |
|---|---|---|
| Undo⌘Z | Undo the last action | |
| Redo⌘⇧Z | Redo the last undone action | |
| Copy⌘C | Copy selected objects, text, or frames | |
| Paste⌘V | Paste copied objects at a new position (offset by 10px) | |
| Group⌘G | Group selected nodes into a frame (at least 2 nodes) | |
| Create Component⌥⌘K | Convert selected nodes to components | |
| Delete⌫ | Delete selected nodes |
Shortcuts are disabled when typing in input fields or text areas, or when editing text nodes on the canvas.
Mouse Interactions
While not keyboard shortcuts, these mouse interactions are available:
- Click: Select objects
- Drag: Move selected objects or pan the canvas (when no selection)
- Double-click: Edit text nodes
- Scroll wheel: Zoom in/out at mouse position
- Right-click: Context menu (shows available shortcuts)