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

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

PlanPriceBilled
Pro$16user per month
Ultra$48user per month
EnterpriseCustom pricingcustom

source

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.