Skip to content
SPECIFICTION
Get listed

pen.dev

pen.dev

From $16/mo Free plan WebWindowsmacOSLinuxAPIBrowser extension
Visit pen.dev
Spec score 8.9 #3 of 22 in AI UI Design Generators

What it is

pen.dev is a canvas for building software and a vector design tool integrated with development environments. Its editor works with components, variables, themes, scripts and shaders, and can import Figma files and HTML. It can export to HTML, CSS and Tailwind, as well as PNG, JPEG, WEBP and PDF. Users can work with its integrated agent or connect external agents through MCP; the available plans specify how many agents can run in parallel. Documented integrations include Claude Code, Codex, Gemini CLI, Antigravity, OpenCode, Kiro and Claude Desktop. Integrated provider options include OpenAI, Anthropic, Google Gemini, Cursor, GitHub Copilot, xAI, OpenRouter and other API-key providers. Its.pen design file is open JSON with an open schema. Tools include a Chrome extension for importing webpages, IDE extensions and an npm-installed CLI requiring Node.js 22.19 or later. The pricing page says pen.dev stays free until plans launch. The Free plan is free; Pro is $16 a month; Ultra is $48 a month.

Spec sheet

What it does
pen.dev is an AI-assisted design editor where agents create or modify vector designs on a canvas and users can export the result to code.Read 15 Oct 2026 · pen.design
Product
pen.dev describes itself as an agentic canvas for building software and a vector design tool integrated with development environments.Read 7 Oct 2026 · pen.dev
Platforms
Desktop downloads are offered for Apple Silicon and Intel Macs, Intel/AMD x64 Windows, and x64 or ARM Linux; Windows ARM64 is marked coming soon.Read 7 Oct 2026 · pen.dev
Integrations
Official documentation lists MCP integrations including Claude Code, Codex, Gemini CLI, Antigravity, OpenCode, Kiro, and Claude Desktop.Read 7 Oct 2026 · docs.pen.dev
Privacy
The privacy policy says text-based AI inputs and outputs using a user's own provider credentials go directly from the device to that provider and do not pass through High Agency servers.Read 7 Oct 2026 · pen.dev
Headquarters
Covina, California, USARead 28 Sep 2026 · pen.dev
Agent canvas
The product combines an infinite canvas with built-in or externally connected AI agents for designing software interfaces, presentations and other content.Read 15 Oct 2026 · pen.design
AI data handling
For pen.dev-provided models and image or SVG services, the policy says requests pass through High Agency servers in real time and are not stored, logged, or cached there.Read 7 Oct 2026 · pen.dev
AI providers
The documented integrated provider options include OpenAI, Anthropic, Google Gemini, Cursor, GitHub Copilot, xAI, OpenRouter, and other API-key providers.Read 7 Oct 2026 · docs.pen.dev
AI workflow
Users can work with an integrated agent or connect external agents through MCP, and plans allow different numbers of agents to run in parallel.Read 7 Oct 2026 · pen.dev
Backing
The maker homepage links to a16z Speedrun as its backing organization, whose program advertises first checks of up to $1 million.Read 15 Oct 2026 · pen.design
Browser and IDE tools
Pen.dev offers a Chrome extension for importing webpages and IDE extensions for Cursor, VS Code, Antigravity, and Windsurf.Read 7 Oct 2026 · pen.dev
Chrome adoption
The pen.dev web-import extension listing shows 4,000 users and was updated September 23, 2026.Read 15 Oct 2026 · chromewebstore.google.com
CLI
The @pen.dev/cli package provides headless creation, editing, MCP-shell access and PNG, JPEG, WEBP and PDF export from the terminal.Read 15 Oct 2026 · docs.pen.dev
CLI requirement
The current CLI requires Node.js 22.19 or later and authenticates through interactive login or organization-scoped CLI keys.Read 15 Oct 2026 · docs.pen.dev
Code export
Frames can be exported in one click as HTML with CSS or Tailwind CSS, while artwork can be exported as PDF, PNG, JPEG or WEBP.Read 15 Oct 2026 · pen.design
Company facts
LinkedIn lists pen.dev as privately held software-development company headquartered in San Francisco with 2–10 employees.Read 15 Oct 2026 · linkedin.com
Company legal name
The product terms and EULA identify the maker as High Agency, Inc.Read 15 Oct 2026 · pen.dev
Compliance limitation
Terms prohibit submitting high-risk data such as payment-card, health, biometric, precise-location, minors' or GDPR special-category data without appropriate safeguards.Read 15 Oct 2026 · pen.dev
Components
Components support reusable symbols, overrides and component slots for composing complex layouts.Read 15 Oct 2026 · pen.design
Current availability
The pricing page says plans are coming soon and pen.dev stays free until plans launch.Read 7 Oct 2026 · pen.dev
Data handling
Text AI requests using a user's own provider credentials go directly from the device to that provider, while hosted-model requests pass through High Agency infrastructure in real time.Read 15 Oct 2026 · pen.dev
Data security
The privacy policy says account data, operational metadata, cloud files, and shared content are protected with encryption in transit and at rest and access controls.Read 7 Oct 2026 · pen.dev
Design features
The editor supports components, variables, themes, scripts, shaders, Figma and HTML import, and export to HTML and CSS/Tailwind.Read 7 Oct 2026 · pen.dev
Design variables
Variables let users define colors, spacing and typography once and reuse those values across a design.Read 15 Oct 2026 · pen.design
Figma import
Users can import .fig files with layouts, styles and images, or copy and paste Figma layers.Read 15 Oct 2026 · pen.design
File format
The .pen design format is an open JSON file whose schema is fully open.Read 7 Oct 2026 · pen.dev
Format limitation
The .pen format documentation warns that the schema can change incompatibly and advises keeping original files before opening them in newer versions.Read 15 Oct 2026 · docs.pen.dev
Founded and size
Andreessen Horowitz Speedrun lists Pen.dev as founded in 2025 with nine employees in California.Read 15 Oct 2026 · speedrun.a16z.com
Founder
The Speedrun profile identifies Tom Krcha as founder and CEO and says he previously worked on Around and co-founded Alter.Read 15 Oct 2026 · speedrun.a16z.com
IDE availability
The product is distributed as a desktop app, VS Code and Cursor extensions, a Chrome extension and an npm CLI.Read 15 Oct 2026 · pen.dev
Independent user praise
A Reddit user describes pen.dev as improving monthly and says it had remained free for them, while another commenter notes charging might begin later.Read 15 Oct 2026 · reddit.com
License terms
The EULA grants a limited, non-exclusive and non-transferable license for personal or professional use; enterprise features may require a separate agreement.Read 15 Oct 2026 · pen.dev
Limit: code fidelity
A Reddit reviewer quoted by Tooliverse says conversion from design to code was not exactly faithful, despite liking the cooperating AI agents.Read 15 Oct 2026 · tooliverse.ai
Limit: image paste
Tooliverse's FAQ states that images do not come across when copying from Figma; a local .fig import is required for a full import with images.Read 15 Oct 2026 · tooliverse.ai
Limit: maturity
Tooliverse quotes a reviewer saying the interface can be inconsistent in recent development and is not yet mature enough to replace Figma for daily production.Read 15 Oct 2026 · tooliverse.ai
MCP integration
A local MCP server exposes tools including execute, get_app_state, read_skill and get_style, with browser and multi-agent spawning conditional on the host.Read 15 Oct 2026 · docs.pen.dev
Open file format
Design documents use a JSON-based .pen format whose schema is publicly documented and intended to live alongside source code.Read 15 Oct 2026 · docs.pen.dev
Performance claim
The maker says its custom WebGL pipeline keeps thousands of layers smooth and advertises handling 10,000 photos and 10 GB of content at 60 fps.Read 15 Oct 2026 · pen.design
Praise: design and code together
An independent Tooliverse review quotes a reviewer calling the shared design-and-development environment a game changer for design engineers.Read 15 Oct 2026 · tooliverse.ai
Praise: manual editing
Tooliverse aggregates reviewer praise that direct canvas edits reduce the need to spend AI tokens on every small CSS adjustment.Read 15 Oct 2026 · tooliverse.ai
Rating on Chrome Web Store
5.0 out of 5 from 4 ratingsRead 15 Oct 2026 · chromewebstore.google.com
Recent product news
LinkedIn posts report recent additions including Paste to Replace, 100% zoom in Present mode, image crop, image vectorization, background removal and browser-agent HTML/React import.Read 15 Oct 2026 · linkedin.com
Security processors
The published subprocessor list names Google Cloud, Vercel, Neon, Stripe, SendGrid, PostHog, Sentry and AI providers including OpenAI, Google, Fireworks AI, Quiver AI and Recraft.Read 15 Oct 2026 · pen.dev
Slides
Slides view and presentation mode are included for building and presenting slide decks.Read 15 Oct 2026 · pen.design
Support and enterprise
The pricing page directs enterprise customers to contact the company about custom pricing, usage, support, procurement, and onboarding.Read 7 Oct 2026 · pen.dev
Support documentation
The documentation site includes getting-started, core-concepts, design-and-code, troubleshooting and developer sections.Read 15 Oct 2026 · docs.pen.dev
Supported agents
Documentation lists integrations with Claude Code, Codex, Gemini CLI, Antigravity, OpenCode CLI, Kiro CLI and Claude Desktop.Read 15 Oct 2026 · docs.pen.dev
System support
Desktop downloads cover Apple Silicon and Intel macOS, Intel/AMD x64 Windows, and x64 or ARM Linux AppImage and tarball packages; Windows ARM64 is marked coming soon.Read 15 Oct 2026 · pen.dev
Vector and visual tools
The editor includes a pen tool, editable curves, SVG pasting, gradients, real-time shaders, snapping, pixel-grid alignment, layers and effects.Read 15 Oct 2026 · pen.design
Web import
Its built-in browser and Chrome extension can import complete webpages or selected elements as editable canvas layers.Read 15 Oct 2026 · pen.dev

Plans and prices

Free Free Unlimited MCP tool calls while designing · 25 image and SVG generations/month · 5 agent-designing days/month · 1 agent at a time · local .pen files · CLI/headless editor · sharing and personal workspaces Read 15 Oct 2026 · pen.dev
Pro $16 a month per user / month Unlimited MCP tool calls while designing · 350 image and SVG generations/month · unlimited agent-designing days · up to 3 parallel agents · organization developer keys · roles, billing and usage tracking Read 15 Oct 2026 · pen.dev
Ultra $48 a month per user / month Unlimited MCP tool calls while designing · 750 image and SVG generations/month · up to 6 parallel agents · shared organizational usage pool · team workspaces and roles Read 15 Oct 2026 · pen.dev
Enterprise Priced on request Unlimited MCP tool calls · custom usage, pricing and support Read 15 Oct 2026 · pen.dev

Every pen.dev plan and price →

Strong points and limits

Strong points

  • Imports Figma files and HTML.
  • Exports to HTML, CSS, Tailwind, PNG, JPEG, WEBP and PDF.
  • Connects external agents through MCP.
  • The .pen format is open JSON with an open schema.

Limits

  • The CLI requires Node.js 22.19 or later.
  • Plans are coming soon; current availability is free until launch.

Who it suits

It suits software makers who want a design canvas connected to development environments, with agent and provider choices. Teams can use it across the listed web, desktop, extension and API platforms.

Verdict

pen.dev combines vector design tools, software-building workflows and agent connections. Check the listed plan limits and tool requirements against your workflow; enterprise pricing is custom and not listed.

Where Specifiction places it

Alternatives to pen.devAll alternatives →