Pencil

Pencil is an agent-driven MCP canvas that brings design capabilities directly into your coding environment. Available now for Mac and Linux (plus a Cursor extension), it eliminates design handoffs by letting developers design with pixel-perfect precision without leaving their IDE. Design files use an open JSON-based .pen format that lives in your codebase.

Key Features:

• Superfast WebGL Canvas - A fully editable infinite design canvas with high-performance WebGL rendering
• AI Multiplayer - Run parallel design agents to generate screens or entire flows simultaneously, exploring new directions faster than ever
• Vibe Designing with Precision - Prompt entire screens or specific parts directly in context using curated actions optimized for speed and quality
• Local Claude Code Integration - Run locally and turn designs into production-ready code where code stays true to the design
• Design as Code - Design files live in your git repo with version control, branching, and merging
• Curated Design Kits - Leverage component-based design kits or plug in your team's existing design system from the codebase
• Fully Open File Format - JSON-based .pen files you can read, debug, or extend with your own tools—no black box or lock-in
• Figma Import - Copy and paste designs directly from Figma with vectors, text, and styles intact
• Bi-directional MCP Canvas - Full read and write access plus tools to operate the canvas, with ability to plug in MCPs, databases, APIs, chart data, and other agents

Getting Started: Download today for Mac and Linux at pencil.dev, or install the Cursor extension. Integrates with Cursor, VSCode, Claude Code, and OpenAI Codex.