Kite
Design tool where you and your AI agent edit the same HTML/CSS file, with a hosted MCP server and Figma paste both ways.
Part of the thumbnails stage.
What it does
Kite is a design canvas built for working alongside AI agents. You and your agent edit one shared HTML/CSS file, so thumbnails, social graphics, landing pages and channel art you design are real code that any agent can read and change. Agents like Claude, Cursor or Codex connect through Kite's hosted MCP server at kite.new/api/mcp. It has components with variants, variable modes for light and dark themes, and copy and paste with Figma in both directions. The free plan covers solo work; Pro is $20 per editor per month, with no AI credits to buy because you bring your own agent.
Key features
- Shared HTML/CSS file for you and your agent
- Hosted MCP server for Claude, Cursor and Codex
- Figma paste in both directions
Alternatives
Other tools we list for the thumbnails stage.
- LayerGrabIn-browser AI background remover for product shots and portraits, free to start.Free tier: Free tier in the browser with a monthly allowance; paid plans for higher volumePrice: From $12/mo, checked 30 Oct 2026
- NanoPicAI creative platform: generate images from text and edit reference images.Free tier: Two free generations per day; after that images cost credits.Price: From $19/mo, checked 4 Nov 2026
- PhotopeaBrowser image editor that opens Photoshop files and needs no account.Free tier: Free with, in the site's words, all the premium features. Paying only removes advertisingPrice: Price not published, checked 20 Aug 2026
- PixlrBrowser image editor with templates and AI generation credits.Free tier: A free tier exists but its limits are not stated on the pricing pagePrice: From $1.99/mo, checked 20 Aug 2026