Log in

Kite vs FigmaA Figma alternative your agents design in.

Kite is a design tool built on real HTML and CSS, for the agents you already use: Claude, ChatGPT or Cursor design in your file in the language they know, follow your design system and take jobs from comments. Figma keeps designs in its own format, and gives outside agents 6 calls a month on free seats.

Start designingPricing

  • Kite is best for

    Teams whose agents draw part of the design, beside the people.

  • Kite costs

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

Key differences.

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

FeatureKiteFigma
What a design isReal HTML and CSS, the language agents already read and writeIts own closed format, translated to code
What agents can do43 tools: agents read, draw, edit and check their own workDraw through the hosted server, in beta
Jobs from comments@-mention an agent in a comment and it makes the changeNo
Agent limitsUp to 1,500 agent actions an hour6 calls a month on free seats
AI creditsNone: your agent runs on the plan you already pay forYes, AI credits
ExportPNG, JPG, WebP, AVIF, SVG and PDF, or copy as HTML, React or TailwindPNG, JPG, SVG, PDF
Free plan1 editor, unlimited viewers and 3 files, freeYes, 6 MCP calls a month

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.

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 Figma.

What changes the day your agents design in Kite.

  • Designs are real HTML and CSS. Agents read and write them directly, with nothing to translate from a closed format.
  • Agents get up to 1,500 actions an hour. Figma's free seats get 6 calls a month.
  • @-mention an agent in a comment and it makes the change.
  • No AI credits. Your agent runs on the plan you already pay for.
  • Agents read your design system and its rules before they draw.
  • Kite for Mac runs agents on your own machine.

Questions.

About Kite and Figma.

Is Kite a good Figma alternative?

Yes. Kite is a design tool built on real HTML and CSS, for the agents you already use: Claude, ChatGPT or Cursor design in your file in the language they know, follow your design system 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.

Can I bring my Figma files into Kite?

Yes. Copy frames in Figma and paste them into Kite as layers you can edit, or import a whole file by its link. Copy to Figma sends frames back the other way.

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