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.
Kite vs MagicPathA MagicPath alternative your agents design in.
Kite is a full design tool where the agents you already use draw beside you, with vector editing, variants, modes and auto layout. MagicPath generates screens with its own agents, in fixed desktop layouts with basic editing.
Kite is best for
Teams that design by hand and with their own agents, in one editor.
Kite costs
Free to start. Pro $20 per editor a month, $16 billed yearly. No AI credits.
Key differences.
11 things Kite does that MagicPath doesn't, or does less.
| Feature | Kite | MagicPath |
|---|---|---|
| Vector editing | Pen tool, point editing and boolean operations | Basic |
| Components | Components with variants, properties and instance swap | Basic |
| Variables | Variables with modes, like light and dark, set per frame | Themes |
| Auto layout | Rows, columns and grids that grow with their content | No, desktop layouts only |
| Local MCP server | Built into Kite for Mac, for agents on your machine | No |
| Jobs from comments | @-mention an agent in a comment and it makes the change | No |
| Agent limits | Up to 1,500 agent actions an hour | 125 calls a week free |
| AI credits | None: your agent runs on the plan you already pay for | Yes, with packs |
| Version history | Autosaves every 10 minutes, plus named versions to go back to | Revisions, no branching |
| Comments | Comment threads pinned to the design, with email notifications | Sticky notes |
| Desktop app | Kite for Mac, with a tab for each file | No |
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 editorAround
LayersAssets
Pages
App
Website
Layers
Covers
Speakeasy bars
Best rooftop bars
Tasting menus
Profile
Guide
Covers
308 × 144Profile
Loukman Nacik@loukman · 3 guides100%ShareCoversStackFrame
W308H144Flex
→↓▦LoukmanGap12Loukman↔16↕16Fill
colour/pageRadius
◜18Effects
Drop shadowEvery 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- LoukmanAround· 2 modesAroundNameLightDarkcolourpage#F4EFE6#F4EFE6ink#0A0A0A#0A0A0Aaccent#12683E#12683Eradiuscard1818typenameINTER 600INTER 600Around
Design system
ColoursTypeInter 600Corners18In it
Variables24Styles6Skills4Around — Profile
Loukman Nacik
@loukman · 3 guides
Chasing the perfect negroni and a quiet corner table. Bangkok → everywhere.
GuidesPlacesCities
Speakeasy bars in BangkokBest rooftop bars in BangkokTasting menus worth the waitOne 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.
CommentsAround · Guide
ClaudeSpeakeasy bars in Bangkok
TAX
Lennon's
Root Bar
BLESSING SHOPHOUSEOpenTAXOpenLennon'sOpenRoot BarOpenBLESSING SHOPHOUSE@Claude turn this list into cards
Run with Claude Code when sent
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.
- OpenTAXPlace 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 MagicPath.
What changes the day your agents design in Kite.
- A full vector editor, with pen tool and booleans.
- Components with variants, and variables with modes.
- Auto layout. MagicPath designs are fixed desktop layouts.
- Comments, and @-mention an agent to make the change.
- Kite for Mac, with agents running on your machine.
Questions.
About Kite and MagicPath.
Is Kite a good MagicPath alternative?
Yes. Kite is a full design tool where the agents you already use draw beside you, with vector editing, variants, modes and auto layout.
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
- Kite vs Figma
- Kite vs Paper
- Kite vs pen.dev
- Kite vs Wonder
- Kite vs Subframe
- Kite vs Google Stitch
- Kite vs Uizard
- Kite vs Visily
- Kite vs Relume
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.