Pencil fundamentally increases your engineering speed by bringing designing directly into your preferred IDE.
Why Pencil For Cursor
👥 AI Multiplayer
Think of it as having a team of creative copilots right inside your workspace. AI singleplayer is the new multiplayer — extra hands that help you design screens or full user flows, all in parallel. Collaborate, experiment, and explore new ideas faster than ever.

⚡ Speed & Precision
Designing has never felt this smooth. Create pixel-perfect interfaces without ever leaving your IDE — your code and design live just one tab apart. It’s a whole new vibe of precision meets flow.
🧩 From Vectors to Code — Pixel Perfect
Ship production-ready apps where your design and code are always in sync. No weird handoff gaps, no guesswork. Everything stays beautifully aligned — because your repo is now home to both design and development.

🎨 Curated Design Kits (or Bring Your Own)
Get access to expertly crafted, component-based design kits that make your product shine. Want to use your own design system instead? Just plug it in straight from your codebase — it’s that flexible.

🪄 The Bi-Directional MCP Vector Canvas (Yes, the One You Dreamed Of)
This isn’t just a canvas — it’s your creative control room. Pencil gives you full write access, not just read tools. Pull in data from anywhere — databases, APIs, charts, or even other agents like Playwright and Puppeteer.
You’re not just designing anymore — you’re orchestrating. The whole world of MCPs is at your fingertips.



















































