pen.dev is unclaimed —
P
pen.dev
Design on canvas. Land in code.·pencil.dev
pen.dev is an agent-driven MCP canvas that brings vector-based design directly into a developer's IDE (Cursor, VSCode, Claude Code, OpenAI Codex, or others). Design files use an open .pen format that lives in the codebase and can be versioned with Git. It lets users prompt entire screens or flows, import designs from Figma, and generate pixel-perfect, production-ready code from designs.
What it's for
Design UI screens directly inside an IDEGenerate entire screens or flows from AI promptsImport designs copied from Figma with vectors, text, and styles intactVersion, branch, and merge design files with GitSync design files with codebase for pixel-perfect code outputUse curated design/brand kits or a team's existing design systemConnect other MCP tools, databases, APIs, chart data, Playwright/Puppeteer, or other agents to the canvas
Features 13
- Ability to plug in other MCPs, databases, APIs, chart data, Playwright/Puppeteer, or other agents
- Agent-driven MCP canvas with full read and write tool access
- AI multiplayer: parallel AI-assisted screen/flow generation
- Copy-paste import of designs from Figma (vectors, text, styles intact)
- Curated actions optimized for speed and quality, or custom prompts
- Curated, component-based brand/design kits
- Design-as-code: version, branch, merge design files with Git
- Infinite vector design canvas inside the IDE
- Open .pen file format for design files stored in the repo
- Pixel-perfect, production-ready code output from designs
- Prompt entire screens or specific parts directly in context
- Support for bringing in a team's existing design system from the codebase
- Works across multiple IDEs: Cursor, VSCode, Claude Code, OpenAI Codex
At a glance
free tierAPI
TypePlugin / add-on
DeploymentInstalled (local)
Fordevelopers, designers
CompanyHigh agency, inc.
Integrations
FigmaCursorVSCodeClaude CodeOpenAI CodexPlaywrightPuppeteerDiscordOpenVSX
Resources
Pricing
Currently entirely free; the vendor states paid plans may be introduced in the future.
FreeFree
pen.dev is currently free. In the future, paid features or plans may be introduced, with terms disclosed before charging.