Log in

Kite vs RelumeA Relume alternative your agents design in.

Kite is a design canvas where your agents and your team design anything together, with vector editing and variables with modes. Relume plans marketing sites from a component library that agents can only pull from.

Start designingPricing

  • Kite is best for

    Teams designing screens, brand and pages with their own agents.

  • Kite costs

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

Key differences.

7 things Kite does that Relume doesn't, or does less.

FeatureKiteRelume
Vector editingPen tool, point editing and boolean operationsNo
VariablesVariables with modes, like light and dark, set per frameStyle guide
Hosted MCP serverAny agent connects from anywhere, signing in with OAuthComponent library only
Which agentsClaude, ChatGPT, Cursor, Codex or any MCP clientPull components from its library
Jobs from comments@-mention an agent in a comment and it makes the changeNo
Several agents at onceSeveral agents in one file, beside your teamNo
FigmaPaste to and from Figma, or import a whole file by its linkExport to Figma

A real design tool. Not a prompt box.

Flex and grid, components, variables, a pen and real type: what you reach for in Figma is all here. And a design is real HTML and CSS, so what your agent writes and what you draw are the same thing.

The editor

  • Around

    LayersAssets

    Pages

    App

    Website

    Layers

    Covers

    Speakeasy bars

    Best rooftop bars

    Tasting menus

    Profile

    Guide

    Covers

    308 × 144

    Profile

    Loukman Nacik@loukman · 3 guidesFollow
    100%Share
    CoversStack

    Frame

    W308H144

    Flex

    →↓▦LoukmanGap12Loukman↔16↕16

    Fill

    colour/page

    Radius

    ◜18

    Effects

    Drop shadow

    Every value, to the pixelDrag a gap, a padding or a size and the frame moves to make room as you go. Your agents set the same fields, so their work is as exact as yours.

  • Flex, grid and constraintsRows, columns and grids with even gaps and padding. Change one thing and the rest moves to make room.
  • Pen, pencil and shapesDraw paths point by point or freehand, then combine, flatten and outline them.
  • Type, fills and effectsFonts and weights, styled word by word. Gradients, picture fills, shadows and blurs.
  • Preview and historySee a frame as the screen it will be. Save versions, and go back to any of them.

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.

Why teams switch from Relume.

What changes the day your agents design in Kite.

  • A full design canvas, with vector editing.
  • Your own agents design in the file, beside you.
  • Variables with modes.
  • Live cursors and @-mention an agent in a comment.

Questions.

About Kite and Relume.

Is Kite a good Relume alternative?

Yes. Kite is a design canvas where your agents and your team design anything together, with vector editing and variables with modes.

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.

Start designingDownload for Mac