pen.dev
A design canvas where users work with AI agents and refine designs manually.
About pen.dev
pen.dev is a local-first design editor for personal work and product teams, with a free plan and paid upgrades. Its editor supports components, variables, themes, scripts, shaders, and imports and exports including HTML and code. Users can design with agents inside pen.dev or connect their own agents through MCP, using their existing subscriptions or API keys. The plans also include local .pen files, a CLI and headless editor, personal and shared workspaces, and collaboration features such as sharing, snapshots, versions, and comments.
Key features
Import Figma files with layouts, styles, and images.
Import webpages as editable canvas layers.
Export frames as HTML and CSS or Tailwind.
Create reusable components with overrides.
Convert bitmap images into editable vector paths.