Kite vs WonderA Wonder alternative your agents design in.

Kite has no AI credits: the agents you already pay for design in it, with variables and modes, and take jobs from comments. Wonder sells its own built-in AI, metered by credits on every seat.

  • Kite is best for

    Teams that already pay for Claude, ChatGPT or Cursor and want them designing.

  • Kite costs

    Free to start. Pro $20 per editor a month, $16 billed yearly. No AI credits.

Key differences.

5 things Kite does that Wonder doesn't, or does less.

FeatureKiteWonder
VariablesVariables with modes, like light and dark, set per frameYes, no modes
Local MCP serverBuilt into Kite for Mac, for agents on your machineNo
Agent limitsUp to 1,500 agent actions an hourAI credits
AI creditsNone: your agent runs on the plan you already pay forYes, with top-ups
FigmaPaste to and from Figma, or import a whole file by its linkImport

Bring your own agents.They design in Kite, beside you.

Claude, Cursor, ChatGPT or any MCP client connects in a click, with no key to copy, and draws on the same board as your team.

  • ClaudeOne click from Claude's connector directory.
  • Claude CodeOne command, or already there with Claude.
  • CursorAdd to Cursor in one click, then sign in.
  • ChatGPTKite as an app, on in your sources.
  • CodexTwo commands, shared with the app and IDE.
  • VS CodeOne click; Copilot Chat uses it in Agent mode.
  • GitHub CopilotOne command in the Copilot CLI.
  • GrokA custom connector on grok.com.
  • MuseAsk Muse; it sets the connector up itself.
  • AntigravityOne line in its MCP config.
  • ManusA custom MCP server, with a Kite key.
  • v0A custom MCP from the prompt form.
  • Any MCP clientStreamable HTTP and OAuth: just the address.
See how each one connects

Your design system. Read before every draw.

Colours, type and spacing as variables, your parts as components, the rules in plain words as skills. Agents read all of it before they draw, so their work looks like yours, not like everyone's.

Design systems
  • Around· 2 modesAround
    NameLightDark
    colour
    page#F4EFE6#F4EFE6
    ink#0A0A0A#0A0A0A
    accent#12683E#12683E
    radius
    card1818
    type
    nameINTER 600INTER 600
    Around

    Design system

    Colours
    TypeInter 600
    Corners18

    In it

    Variables24
    Styles6
    Skills4
    Loukman

    Around — Profile

    Loukman Nacik

    @loukman · 3 guides

    Chasing the perfect negroni and a quiet corner table. Bangkok → everywhere.

    Follow

    GuidesPlacesCities

    Speakeasy bars in BangkokBest rooftop bars in BangkokTasting menus worth the wait

    One design, any systemYour agent draws with the system's variables, not fixed values. Switch the system, or change one value, and every frame drawn with it follows.

  • Components, placed, not redrawnMake a part once, with its variants. Agents place copies that follow it, instead of drawing a new card.
  • Light and dark, one setA variable holds a value for each mode. Switch a frame to Dark and every colour drawn with it follows.
  • Skills, in plain wordsThe brand's look, a guardrail, how posts are made. Agents follow the skills that fit the job.
  • One library for every filePublish a file's components to the workspace. Their copies, in every file, follow when you update.

Leave a comment. Your agent does it.

Pin a comment where the change belongs and mention your agent. It reads the frame and the layer you clicked, does the work and answers in the thread.

Comments
  • Around · Guide

    Speakeasy bars in Bangkok

    TAX★ 4.7 · Bar · Chinatown · $$$
    Lennon's★ 4.8 · Bar · Lumpini · $$$$
    Root Bar★ 4.6 · Bar · Lat Phrao · $$
    BLESSING SHOPHOUSE★ 4.5 · Bar · Sukhumvit · $$$
    OpenTAX★ 4.7 · Bar · Chinatown · $$$
    OpenLennon's★ 4.8 · Bar · Lumpini · $$$$
    OpenRoot Bar★ 4.6 · Bar · Lat Phrao · $$
    OpenBLESSING SHOPHOUSE★ 4.5 · Bar · Sukhumvit · $$$
    Claude

    @Claude turn this list into cards

    Run with Claude Code when sent

    Loukmannow

    @Claude turn this list into cards

    Claude is working…Done by Claude

    Claudenow

    Done: a Place card for each bar, its photo at 3:4 with the Open chip on it.

    Ask in a comment, get it doneMention your agent on the frame and send. In Kite for Mac it starts at once with Claude Code or Codex, does the work, and answers in the thread.

  • do my Kite requests

    3 requests waiting, oldest first.

    • Turn this list into cards
    • A phone version of this screen
    • Try a warmer hero photo

    Done, each answered in its thread.

    Do my Kite requestsIn a browser, requests wait on their comments. Say this to your agent and it works through every one.

  • OpenTAX★ 4.7 · Bar · Chinatown · $$$
    Place cardPhoto at 3:4, the Open chip on it.
    Warmer photo?

    Notes on the boardSticky notes and annotations sit beside the work. Agents read them, and leave their own.

Why teams switch from Wonder.

What changes the day your agents design in Kite.

  • No AI credits to buy or run out of.
  • Variables with modes, like light and dark.
  • @-mention an agent in a comment and it makes the change.
  • A local server in Kite for Mac, so agents on your machine connect directly.

Questions.

About Kite and Wonder.

Is Kite a good Wonder alternative?

Yes. Kite has no AI credits: the agents you already pay for design in it, with variables and modes, and take jobs from comments.

How much does Kite cost?

Kite is free to start, with 1 editor and 3 files. Pro is $20 per editor a month, or $16 billed yearly. There are no AI credits: your agent runs on the plan you already pay for, so you never pay twice for the AI.

Which AI agents work with Kite?

Claude, ChatGPT, Cursor, Codex and any other MCP client that signs in with OAuth. They connect to Kite's hosted server, or to the local one in Kite for Mac.

More comparisons

Checked against each tool's own docs and pricing in October 2026. Something out of date? Tell us at hello@kite.new.

You and your agents,on one board.

In your browser, or in Kite for Mac. Bring the agent you already use.