Pencil

Pencil

3.0

AI-powered IDE that enhances coding efficiency with intelligent suggestions and automation.

Last Updated Nov 10, 2026
Pencil screenshot

About

Pencil is an innovative AI design tool that focuses on bringing design directly into the IDE that developers already use every day. The platform leverages AI technology to fundamentally accelerate engineering development speed, allowing designers and developers to collaborate on a unified canvas and achieve seamless design-to-code conversion.

Key Features

Visual design canvas with automatic code generation capabilities
Deep IDE integration that enables design operations directly inside the code editor
Real-time preview and iteration support within the development environment
Automatic generation of high-quality, production-ready code supporting multiple front-end frameworks and tech stacks
Component library management, design system synchronization, and version control for enterprise-level workflows

Pricing & Fees

  • Pricing: Four plans are listed on the official pricing page: Free ($0), Pro ($16/user/month), Ultra ($48/user/month), and Enterprise (custom pricing by contacting sales). Annual billing saves 20%.
  • Free tier: The Free plan includes unlimited MCP tool calls while designing, 25 image/SVG generations per month, 5 days per month designing with an agent, the full local-first editor, and imports/exports including HTML/code.
  • Plan limits: Pro raises image/SVG generations to 350 per month with up to 3 parallel agents; Ultra offers 750 per month, up to 6 parallel agents, a shared team usage pool, and team workspaces with member roles.
  • AI model options: On every plan you can use your own agent subscription or API key; hosted AI models (MiniMax, GLM, Qwen, DeepSeek) are included with separate credit allowances that scale by plan.
  • Availability: pen.dev (formerly Pencil at pencil.dev) is available as a desktop app, an IDE extension, and a CLI, with MCP support for external agents like Claude Code, Codex, and Cursor.

Who It's For

Pencil is built for front-end developers, full-stack engineers, UI/UX designers, and technical teams looking to improve design-development collaboration efficiency. It is especially well suited for developers using mainstream IDEs such as VS Code and WebStorm, as well as agile teams pursuing high-efficiency workflows.