Pencil.dev

Pencil is an agent-driven MCP design canvas that lets you design right where you code — no more design handoffs. It supports Cursor, VSCode, Claude Code, OpenAI Codex, and more. Features include an infinite design canvas, AI multiplayer for parallel screen generation, pixel-perfect code export (HTML/CSS/React), curated design kits, Figma import, and a fully open file format that lives in your repo. Design files version, branch, and merge with Git just like code.