# Getting started

> Get started with KopiMark in about five minutes — sign in, open your demo Figma project, and make your first copy edit live on the design.

_Source: https://kopimark.com/docs/getting-started/_

This guide is the fastest path from "I just signed up" to "I've shipped a
copy edit on a real Figma design." You don't need a Figma token for this —
your demo project comes pre-loaded.

> **Tip** — already past the demo? Jump to [Connect
> Figma](/docs/guides/connect-figma/) to point KopiMark at your own files.

## 1. Sign in

KopiMark uses passwordless email sign-in. There's no password to set.

1. Open [app.kopimark.com](https://app.kopimark.com) and click **Sign in**.

2. Enter your work email and submit. KopiMark emails you a one-time link.

3. Click the link from the same browser. You'll land on the Projects home.

## 2. Meet your demo project

On your first sign-in, KopiMark creates a personal workspace and seeds it
with a **demo project** — a real Figma design with sample pages, languages,
statuses, and one example comment thread already on the canvas.

The demo runs entirely from a pre-built cache, so it works before you've
connected Figma. It's the safest place to click around.

> _[image placeholder: Projects home with the demo project tile highlighted.]_

## 3. Open a page in the editor

1. From the **Projects home**, click your demo project.

2. You'll see a grid of pages with thumbnails, language flags, and status
   indicators. Click any page tile to open the editor.

3. The editor loads the Figma design as a live, zoomable canvas on the left,
   with a side panel on the right.

> _[image placeholder: Editor screenshot showing the live canvas on the left and the side panel on the right.]_

## 4. Edit your first text

1. **Click any text** on the canvas. The node becomes selected and the side
   panel switches to the text editor.

2. **Type your change.** The canvas updates as you type — the design
   re-renders the new copy at the same size, font, and color.

3. **Click outside** to commit. The change saves automatically; there's no
   "save" button.

The text you just edited is now versioned. You can see every prior revision
in the **History** panel — and so can your teammates.

> **Tip** — every edit auto-applies the project's default status (usually
> something like *Needs review*). That's how teammates know there's
> something to look at.

## 5. Leave a comment

Comments in KopiMark are **pinned to the canvas**, not to a list. They're
the fastest way to flag a sentence for review.

1. Click the **comment tool** in the toolbar, then click anywhere on the
   canvas to drop a pin.

2. Type your message. Use `@` to mention a teammate (once you've invited
   people).

3. Press **Comment** to post. The pin stays anchored to that spot until
   someone resolves the thread.

> _[video placeholder: 30-second screen recording of dropping a pinned comment on the canvas and resolving it.]_

## 6. Switch language

The demo project ships with at least one extra language. To preview the
translated version:

1. Open the **language switcher** in the editor toolbar.

2. Pick the target language. The canvas re-renders with translated copy in
   place; untranslated nodes fall back to the source.

3. Click a translated text node to edit the translation. To draft a fresh
   one with AI, see [Translate with
   AI](/docs/guides/translate-with-ai/).

## Next steps

You've now done the four things 90% of KopiMark sessions involve: opened a
page, edited text, left a comment, switched language. From here:

- **Bring in your own Figma file** — [Connect
  Figma](/docs/guides/connect-figma/) walks through generating a personal
  access token and what it unlocks.
- **Invite a teammate** — [Invite your team](/docs/guides/invite-your-team/)
  covers roles and guest access.
- **Explore Settings** — most teams discover too late that fonts, glossary,
  exports, and custom statuses live here. [Take the
  tour](/docs/settings/tour/).

---

## 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/) _(this page)_

### 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/)
