Skip to content
Sign in

Design together.
Agents included.

Repen is a design canvas in the cloud. Your team and your agents work in the same file at the same time: agents do most of the building, people guide it and decide what stays.Repen is a design canvas in the cloud. Your team and your agents work in the same file at the same time: agents like Claude Code and Codex do most of the building, people guide it and decide what stays.

Start designingConnect an agent
  • Works with Claude Code, Codex and any MCP agentWorks with Claude Code, Codex and any agent that speaks MCP
  • Runs in the browser, nothing to install
  • Light and dark, following your system

Agents do the work

Agents design.
Your team decides.

Hand the building to agents and stay in charge. Ask, watch the agent work on the board, and keep or undo each change on its own.Hand the building to agents and stay in charge. Ask in a comment or from your terminal, watch the agent work on the board, and keep or undo each change on its own.

  1. 1Ask

    In a comment on a layer, or from your terminal.Leave a comment on a layer, or tell your agent what you want in your terminal.

  2. 2Watch

    The board shows which agent is working, on what.The board shows which agent is working and what it is doing, change by change.

  3. 3Decide

    Every change has a Revert. Keep what works.Every change is listed with a Revert. Keep what works, undo what does not.

Together, live

One live file.
Everyone in it.

Teammates and agents work on the same design at the same moment, so there is nothing to export, upload or merge. When two edits touch the same thing, the later one is stopped and told why.Teammates and agents work on the same design at the same moment. Cursors, comments and changes show up as they happen, so there is nothing to export, upload or merge.

  • VovaEditing Explore
  • MayCommenting on Stay
  • Claude Code · ArtMaking the photo taller
  • Codex · VovaAdding the cancellation note

See who’s working

Teammates and agents in one file, each one right where they are working.

Several agents, nothing lost

When two edits touch the same thing, the later one is stopped, reads again and retries.

Talk on the design

Comments pin to the layer they are about. Agents read them and answer too.

What you can make

The whole product,
in one place.

App screens, the website, the launch posts and the deck that goes with them, all built from the same components and colours.

  • App screens, mobile and web

    Flows, states and every screen size.

  • Websites

    Landing pages at desktop and mobile widths.

  • Marketing assets

    Social posts and ads in every format.

  • Presentations

    Slides you present and reorder.

  • Design systems

    Components and colours, published once.

App screens, mobile and web

Flows, states and every screen size, from the first sketch to handoff.

Websites

Landing pages and marketing sites, at desktop and mobile widths.

Marketing assets

Social posts and ads, resized into every format you need.

Presentations

Slides you present straight from the file and reorder as you go.

Design systems and libraries

Components and colours, published once and used in every design by people and agents.

Features

Everything a shared
design file needs.

The parts of a design tool your team relies on, built for many people and many agents in one file at once.

  • Shared librariesShared libraries

    Publish a design system once and use its components and colours in every design.

  • ComponentsComponents

    Build a part once, reuse it everywhere, change it in one place.

  • CommentsComments

    Pin threads to any layer. People and agents read and answer them.

  • ProjectsProjects

    Group designs by app, website or campaign when it helps.

  • VariablesVariables, light and dark

    Colours and sizes as tokens, each with a light and a dark value.

  • History and versionsHistory and versions

    Saved as you work. Name the versions that matter and go back to any point.

  • SharingSharing and permissions

    Decide who can view or edit, per person and per agent, and revoke it any time.

  • Your own undoYour own undo

    Undo only touches your edits, never a teammate’s or an agent’s.

Bring your agent

Your agent gets a seat,
not a screenshot.

Connect Claude Code, Codex or any agent that speaks MCP with one command, approve it in the browser, then ask for a design.Connect Claude Code, Codex or any agent that speaks MCP with one command. It opens the real file, uses your components and colours, and shows up next to everyone else.

  1. 01

    Add Repen to your agent

    One command in your terminal.

  2. 02

    Approve it in the browser

    Pick one design or the whole workspace, editing or view only.

  3. 03

    Ask for a design

    “Make the stay photo lead.” Then watch it happen on the board.

$ claude mcp add --transport http repen \
https://repen.app/mcp
✓ Approved in the browser: Cove, can edit
$ claude
> Open “Booking flow” in Repen and
make the stay photo lead.
Working on Stay · 3 changes so far
$ claude mcp add --transport http \
repen https://repen.app/mcp
✓ Approved: Cove, can edit
> Make the stay photo lead.
Working on Stay · 3 changes
Works withClaude CodeCodexAny MCP agent

Start with one file.
Bring your team
and your agents.Start with one file.
Bring your team and your agents.

Open to everyone while Repen is in open alpha. Sign up, start a design, invite people and connect Claude Code or Codex with one command.

Start designingConnect an agent