- Home
- AI UI Design Generators
- pen.dev
pen.dev
Covina, California, USA
What it is
pen.dev is an agentic canvas for building software and a vector design tool integrated with development environments. Its editor supports components, variables, themes, scripts, and shaders, with Figma and HTML import. Exports include HTML, CSS, Tailwind, PNG, JPEG, WEBP, and PDF. Users can work with the integrated agent or connect external agents through MCP. Documentation lists Claude Code, Codex, Gemini CLI, Antigravity, OpenCode, Kiro, and Claude Desktop integrations, plus provider options such as OpenAI, Anthropic, Google Gemini, Cursor, GitHub Copilot, xAI, and OpenRouter. The .pen format is open JSON with an open schema. Tools include a Chrome extension for webpage imports, IDE extensions for Cursor, VS Code, Antigravity, and Windsurf, and an npm-installed CLI requiring Node.js 22.19 or later. Platforms include API, extension, Linux, macOS, web, and Windows. The pricing page says pen.dev remains free until plans launch; listed future plans specify agent and generation limits.
For and against
For
- Open JSON .pen format
- Many documented MCP integrations
- Exports to HTML, CSS, and Tailwind
- Chrome and IDE extensions
- Free until plans launch
Against
- CLI requires Node.js 22.19 or later
- Future plans may change availability
- Parallel agent counts vary by plan
The verdict
pen.dev connects design editing, software output, and multiple AI providers in one environment. Its open file format and broad integrations are useful, while the CLI requirement and pending plan launch matter for setup decisions.
Who it suits
pen.dev suits designers and developers combining vector design, software building, and AI agents. It is also relevant to users working across listed IDEs, browsers, and operating systems.
Plans and prices
Free
Unlimited MCP tool calls while designing · 25 image and SVG generations/month · 5 agent-designing days/month · 1 agent at a time
Read 15 Oct 2026 · pen.dev
Pro
Unlimited MCP tool calls while designing · 350 image and SVG generations/month · unlimited agent-designing days · up to 3 parallel agents
Read 15 Oct 2026 · pen.dev
Ultra
Unlimited MCP tool calls while designing · 750 image and SVG generations/month · up to 6 parallel agents · shared organizational usage pool
Read 15 Oct 2026 · pen.dev
Enterprise
Unlimited MCP tool calls · custom usage, pricing and support
Read 15 Oct 2026 · pen.dev
On the record
- Agent canvas
- The product combines an infinite canvas with built-in or externally connected AI agents for designing software interfaces, presentations and other content.pen.design · read 15 Oct 2026
- 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.pen.dev · read 7 Oct 2026
- AI providers
- The documented integrated provider options include OpenAI, Anthropic, Google Gemini, Cursor, GitHub Copilot, xAI, OpenRouter, and other API-key providers.docs.pen.dev · read 7 Oct 2026
- 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.pen.dev · read 7 Oct 2026
- Backing
- The maker homepage links to a16z Speedrun as its backing organization, whose program advertises first checks of up to $1 million.pen.design · read 15 Oct 2026
- Browser and IDE tools
- Pen.dev offers a Chrome extension for importing webpages and IDE extensions for Cursor, VS Code, Antigravity, and Windsurf.pen.dev · read 7 Oct 2026
- Chrome adoption
- The pen.dev web-import extension listing shows 4,000 users and was updated September 23, 2026.chromewebstore.google.com · read 15 Oct 2026
- CLI
- The @pen.dev/cli package provides headless creation, editing, MCP-shell access and PNG, JPEG, WEBP and PDF export from the terminal.docs.pen.dev · read 15 Oct 2026
- CLI requirement
- The current CLI requires Node.js 22.19 or later and authenticates through interactive login or organization-scoped CLI keys.docs.pen.dev · read 15 Oct 2026
- 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.pen.design · read 15 Oct 2026
- Company facts
- LinkedIn lists pen.dev as privately held software-development company headquartered in San Francisco with 2–10 employees.linkedin.com · read 15 Oct 2026
- Company legal name
- The product terms and EULA identify the maker as High Agency, Inc.pen.dev · read 15 Oct 2026
- 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.pen.dev · read 15 Oct 2026
- Components
- Components support reusable symbols, overrides and component slots for composing complex layouts.pen.design · read 15 Oct 2026
- Current availability
- The pricing page says plans are coming soon and pen.dev stays free until plans launch.pen.dev · read 7 Oct 2026
- 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.pen.dev · read 15 Oct 2026
- 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.pen.dev · read 7 Oct 2026
- Design features
- The editor supports components, variables, themes, scripts, shaders, Figma and HTML import, and export to HTML and CSS/Tailwind.pen.dev · read 7 Oct 2026
