# Keyboard and canvas

> Keyboard shortcuts and canvas navigation in the KopiMark editor — pan, zoom, select text and image nodes, switch languages, and run bulk actions.

_Source: https://kopimark.com/docs/reference/keyboard-and-canvas/_

The KopiMark editor is built around the canvas. This page is a reference
for moving around inside it efficiently.

> **Heads up** — keyboard shortcuts evolve as the editor does. If a
> shortcut here disagrees with the tooltip you see in the app, **trust
> the app**. The app is the source of truth; this page is a snapshot.

## Canvas navigation

| Action | How |
|---|---|
| Pan the canvas | Hold spacebar and drag, or middle-mouse drag |
| Zoom in / out | `Cmd` / `Ctrl` + scroll, or pinch on a trackpad |
| Zoom to fit | Double-click empty canvas (or use the toolbar **Fit** button) |
| Reset zoom to 100% | Toolbar **100%** button |

## Selecting nodes

- **Click** a node to select it. The side panel switches to the text or
  image editor for that node.
- **Click again** on the same node to enter inline edit mode (text only).
- **Click empty canvas** to deselect.

You can drag-select a region for multi-select, then use the **Bulk
actions** panel for set-status, translate, or assign actions.

## Inside the text editor

When a text node is selected and the side panel shows its editor:

- **Type** to edit. The canvas reflows live.
- **Enter** to commit. **Escape** to discard your draft.
- Newlines are supported; the rendered design honours line breaks.

The text-revision list (the History panel) shows every prior wording
with who edited it and when.

## Comments

- **Click the comment tool** in the toolbar, then click anywhere on the
  canvas to drop a pin.
- **Click a pin** to open its thread.
- The **Comments side panel** (speech-bubble icon, top of the editor) is
  a faster way to scan every thread on the page.

## Language switching

The language switcher is in the editor toolbar (a flag or locale code).
Use it any time to flip what the canvas renders.

When a target language is active:

- Untranslated nodes fall back to the source with a slightly muted
  visual.
- The side panel shows both source and target so you can edit either.

## Status pill

Each selected node shows its current status as a coloured pill in the
side panel. Click the pill to change the status; click the **Assign**
control next to it to hand the node to a teammate. See [Statuses and
approvals](/docs/guides/statuses-and-approvals/).

## What the page-grid keyboard does

In the project home (the grid of pages):

- **Type** to search by page name. The grid filters live.
- **Click a status chip** at the top to filter the grid by status.
- **Click a page tile** to open it in the editor.

## See also

- [Getting started](/docs/getting-started/)
- [How KopiMark works](/docs/concepts/how-kopimark-works/)
- [Review with comments](/docs/guides/review-with-comments/)

---

## All documentation

_The full docs index, in case the answer lives on another page. Fetch any item as raw Markdown by appending `.md` to its URL, or grab everything at once from https://kopimark.com/llms-full.txt._

### Start here

- [Introduction](https://kopimark.com/docs/)
- [Getting started](https://kopimark.com/docs/getting-started/)

### Concepts

- [How KopiMark works](https://kopimark.com/docs/concepts/how-kopimark-works/)
- [Figma sync and cache-only mode](https://kopimark.com/docs/concepts/figma-sync-and-cache/)
- [Roles and workspaces](https://kopimark.com/docs/concepts/roles-and-workspaces/)

### Guides

- [Connect Figma](https://kopimark.com/docs/guides/connect-figma/)
- [If your Figma seat is limited](https://kopimark.com/docs/guides/figma-seat-and-rate-limits/)
- [Invite your team](https://kopimark.com/docs/guides/invite-your-team/)
- [Translate with AI](https://kopimark.com/docs/guides/translate-with-ai/)
- [Review with comments](https://kopimark.com/docs/guides/review-with-comments/)
- [Statuses and approvals](https://kopimark.com/docs/guides/statuses-and-approvals/)
- [Custom fonts](https://kopimark.com/docs/guides/custom-fonts/)
- [Export copy](https://kopimark.com/docs/guides/export-copy/)
- [API and developer tokens](https://kopimark.com/docs/guides/api-and-developer-tokens/)

### Settings

- [A tour of Settings](https://kopimark.com/docs/settings/tour/)
- [Profile settings](https://kopimark.com/docs/settings/profile-settings/)
- [Workspace settings](https://kopimark.com/docs/settings/workspace-settings/)
- [Project settings](https://kopimark.com/docs/settings/project-settings/)

### Reference

- [Plans and limits](https://kopimark.com/docs/reference/plans-and-limits/)
- [Keyboard and canvas](https://kopimark.com/docs/reference/keyboard-and-canvas/) _(this page)_