Developers who already pay for Claude or ChatGPT and want agents designing on a Figma-like canvas can start free.
Kenning's take
What it does
pen.dev, previously called Pencil, is a design canvas similar to Figma where AI agents can create and edit designs alongside the user. It works with models from Anthropic, OpenAI, Google and others through a ChatGPT or Claude subscription, API keys, or MCP, so coding agents such as Claude Code, Codex and Cursor can design on it. Frames export to HTML and CSS or Tailwind, and Figma files and web pages can be imported.
- AI agents that design directly on the canvas
- Connects to Claude Code, Codex and Cursor through MCP
- Figma file and web page import
- One-click export to HTML and CSS or Tailwind
- Shaders, gradients and an AI pen for icons
- Desktop apps and IDE extensions
Who it suits. Developers and product designers who build software with AI coding agents.
Key facts
- Category
- Developer tools
- Made by
- pen.dev
- How to get it
- free download for macOS, Windows and Linux, or as an extension for Cursor, VS Code and Antigravity
- Works on
- macOS, Windows, Linux, VS Code extension, Cursor extension, CLI
- In the UK
- Yes
- Free plan
- 5 agent days and 25 image or SVG generations a month
Pricing
| Plan | Price | Billed |
|---|---|---|
| Pro | $16 | user per month |
| Ultra | $48 | user per month |
| Enterprise | Custom pricing | custom |
FAQ
Is Pencil the same as pen.dev?
Yes. The site says pencil.dev is now pen.dev.
Is pen.dev free?
There is a free plan with 5 agent days a month. Pro costs $16 per user a month.
Does pen.dev work with Claude Code?
Yes. Claude Code, Codex, Cursor and other agents can connect to pen.dev through MCP, and it also has a CLI.
Facts from the maker's own pages and the sources listed. Checked 2026-10-11.
Similar tools

Claude Keychain
A free Mac menu bar app that keeps API keys in the macOS Keychain so Claude Code can use them without seeing them.
OpenAI Agent Builder
OpenAI's visual canvas for building multi-agent workflows, being withdrawn on 30 November 2026.
ElevenLabs Agent Workflows
Visual editor in ElevenLabs' agent platform for designing branching conversation flows for voice and chat agents.

AgentOps
Monitoring and debugging platform that records what AI agents do, what they cost and where they fail.