# Pencil

> Design Mode for Cursor - an agent-driven MCP canvas that lets you design right where you code with pixel-perfect precision.

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](https://pencil.dev), or install the Cursor extension. Integrates with Cursor, VSCode, Claude Code, and OpenAI Codex.

## Features
- Infinite design canvas
- AI multiplayer design generation
- Vibe designing with precision
- Pixel-perfect vector to code conversion
- Curated design kits
- Open file format
- Figma import via copy/paste
- Design as code with git integration
- Bi-directional MCP canvas
- Full MCP read and write access
- Component-based design system support

## Integrations
Cursor, VSCode, Claude Code, OpenAI Codex, Figma, Git, Playwright, Puppeteer

## Platforms
WEB, VSC_EXTENSION, JETBRAINS_PLUGIN

## Pricing
Freemium — Free tier available with paid upgrades

## Version
1.1.4

## Links
- Website: https://www.pencil.dev/
- EveryDev.ai: https://www.everydev.ai/tools/pencil