Introduction
Pencil is a new design tool that brings designing directly into your IDE, fundamentally increasing engineering speed and eliminating design handoffs.
What is Pencil?
Pencil is an agent-driven MCP (Model Context Protocol) canvas that integrates directly into a developer’s preferred Integrated Development Environment (IDE). It fundamentally addresses the longstanding friction between design and development by merging both workflows into a single, unified environment. The core problem it solves is the inefficient and error-prone design handoff process, where designs created in tools like Figma need to be manually translated into code, often leading to misalignment and wasted time. Pencil is suitable for software engineers, developers, and full-stack teams who want to design, iterate, and ship products faster by keeping code
