See it work

Your agents write the code. AgentDesign keeps the design.

When AI agents build your app, the design ends up scattered across mockups, chats and code. AgentDesign is a Mac app that gives it one home: Claude Code, Codex or Cursor draws every screen there, you point at what is wrong, and each session starts from the design you approved.

The download opens with version 1.0. macOS 13 or later. No account.

  1. You ask your agent for a screen.
  2. Every time your agent saves a screen, AgentDesign keeps it as a new revision.
  3. The screen appears in the app as revision 1.
  4. More screens arrive as the agent works.
  5. Every change is a new revision. Nothing is overwritten.
  6. Your agents draw the screens. You see every change.

A drawing of the app with a sample project. Not a recording.

Why AgentDesign

When agents build your app, the design has no home.

We made AgentDesign because we hit all five of these while building our own app for iOS and Android with agents.

Without AgentDesignWith AgentDesign
The design is scattered. Mockups, screenshots and chats sit in many places, and nothing shows what every screen looks like in each release.One place. Every screen, flow and release of your app is in one window, for you and for your agents.
You see a screen only after the agent has built it. A wrong layout costs a rebuild.See it first. Every screen arrives as a picture before any app code is written. A wrong layout costs one more drawing.
Each new session starts from the code, and the agent guesses what the screen should look like.Nothing is forgotten. Each session reads the design first: the screens, the components and the colours you approved.
You type "the button under the second card is too narrow" and hope the agent finds it.Point at it. Drag a box on the button. The agent gets your comment and the exact elements under it.
Design tools made for people put limits on what an agent may do: an account, a seat, a quota of calls, files in someone else's cloud.No limits. AgentDesign runs on your Mac. No account, no seat and no quota, so your agent reads and draws as much as the work needs.

Works with the agent you already use.

AgentDesign runs a local MCP server. Add it to your agent with one line. No key, no account.

  • Claude Code
  • Claude Desktop
  • Codex
  • Cursor
  • Any MCP client
Comment

Point at what is wrong.

Drag a box on the screen and write what should change. Your agent reads the comment, changes the design and marks it addressed with the new revision.

  1. Open a screen.
  2. Drag a box around what should change.
  3. Write the change and send it.
  4. Your agent reads the comment and changes the design.
  5. The comment is marked addressed with the new revision.
  6. You resolve it when it is right.
  7. One comment, one revision, one record of why.
Versions

Know what changed since the live version.

Each release is a version: live, in progress or planned. Pick two and see which screens are new, changed or removed, with both pictures side by side.

  1. Each release is a version.
  2. Pick two versions.
  3. New, changed and removed screens are listed.
  4. A changed screen shows both pictures side by side.
  5. You know what the next release changes before it ships.
Flows

See the whole flow on one board.

Your agent lays the screens out in order and labels each step. When a screen changes, the board shows the new picture.

  1. You ask for a flow.
  2. The screens are laid out in order.
  3. Each step is labelled.
  4. When a screen changes, the board shows the new picture.
  5. One board for the whole flow.
Captures

Check the design against the real app.

Your agent takes a screenshot from the iOS simulator or the Android emulator. AgentDesign puts it next to the design, for each build.

  1. You ask for a capture of the running app.
  2. The screenshot is stored with its build.
  3. The design on the left, the real app on the right.
  4. You see where the build differs from the design.
  5. Checked against what shipped, for each build.
Options

Try three options, keep one.

Ask for options and they arrive side by side under the question you asked. Pick one, and it becomes the screen.

  1. You ask for options.
  2. They arrive side by side under your question.
  3. You pick one, and the reason is kept.
  4. The picked option becomes the screen.
  5. The options you did not pick stay on the board.
Files

Plain files on your Mac.

Every screen, revision and comment is a plain file in a folder you choose, so you can back it up, put it in git or open it in any editor. No account and no upload.

  1. A project is a folder.
  2. Each revision is one file, numbered in order. Earlier ones never change.
  3. The files are readable JSON and Markdown.
  4. Put the folder in git, or back it up like any other.
  5. No account. Nothing is uploaded.

Set up in about two minutes.

  1. Install AgentDesign.

    Download the app and move it to Applications.

  2. Connect your agent.

    Copy one line into your agent. The app shows when it has connected.

  3. Ask for a screen.

    Paste the first prompt. The screen appears in the app when your agent has drawn it.

Claude Code
claude mcp add --scope user agentdesign -- "/Applications/AgentDesign.app/Contents/MacOS/agentdesign" mcp

The app shows the exact line for your Mac, with your folder in it.

Questions

Why not have my agent write HTML mockups?

It can. Then the mockups sit in a folder with no history, no releases and nothing to point at. AgentDesign keeps every revision, ties screens to releases and gives you a place to comment that your agent reads.

Why not the Figma or Pencil MCP server?

They connect an agent to a design tool, with that tool's account, plans and limits. As published in November 2026: Figma's MCP server allows up to 20 read calls a month on View and Collab seats and up to 200 a day on Full and Dev seats of the Professional plan, and it works on files kept in Figma. Pencil's free plan includes 5 days a month of designing with an agent, and its paid plans start at $16 a user a month. AgentDesign has no account, no seat and no limit on calls. It also keeps what an app team needs beside the design: every revision, every release, screenshots of the real app and comments your agent reads.

Does my agent see the picture?

Yes. Every change comes back to the agent as a picture with layout warnings, so you and the agent look at the same thing.

Does it replace Figma?

No. In version 1.0 nobody draws by hand in AgentDesign: your agent draws and you review. If your team designs by hand, keep the tool you have.

Where are my designs stored?

In a folder on your Mac that you choose. AgentDesign has no server and no account, and it does not upload your designs.

Which agents work?

Any agent that speaks MCP. The app has copy and paste setup for Claude Code, Claude Desktop, Codex and Cursor.

What does it cost?

The price is not final. There will be one licence for one Mac, and a free demo.

Is there a Windows or Linux version?

Not yet. macOS comes first. Windows and Linux are planned.

Give your agent a design file.

The download opens with version 1.0. macOS 13 or later. No account.