Kite

Kite (kite.new) is an agent-first design tool. Designers and AI agents (Claude, Cursor, Codex and others) edit the same HTML/CSS design file on one canvas, so what the agent draws is real, editable design, not a screenshot. Connect any agent through the hosted MCP server at https://kite.new/api/mcp. Features: components and variants, variable modes for themes, real fonts, pen tool, team sharing, live preview links, and Figma copy-paste in both directions. Free plan available; Pro is $20 per editor per month.