Pencil – Design on canvas. Land in code.

What it does

Pencil is an agent-driven Multi-Channel Platform (MCP) canvas designed to fundamentally increase engineering speed by integrating design directly into the preferred Integrated Development Environment (IDE), such as VSCode and Cursor. It promotes 'Design right where you code' by utilizing an open design format that lives within the codebase. Pencil offers an infinite design canvas, AI multiplayer capabilities for parallel screen generation, precision tools for prompting, and a vector-to-code workflow to ship pixel-perfect, production-ready applications where code and design are always aligned and versioned with Git.

Core features

• ✦Design canvas integrated directly into the IDE (VSCode/Cursor)
• ✦Agent-driven MCP canvas based on open design format
• ✦AI Multiplayer for generating screens and flows in parallel
• ✦Design as Code: Design files live in repo, versioned with Git
• ✦Pixel-perfect vector-to-code workflow

Use cases

• →Designing new products and features with pixel-perfect precision without leaving the development environment.
• →Eliminating design handoffs by having design and code live under one roof.
• →Accelerating workflow by using AI multiplayer to generate UI components and flows.
• →Shipping production-ready apps with guaranteed code-design alignment.
• →Integrating existing design systems directly from the codebase.