pen.dev is an agentic canvas for designing and building software, allowing users to create websites and apps with AI agents.
pen.dev is an agentic canvas designed for building software, enabling users to design websites and mobile applications. It integrates AI agents directly into the design process, allowing users to generate designs, refine elements, and export code. The platform supports importing existing websites or apps as editable layers and offers a range of design features expected from a modern design tool. The tool emphasizes performance with a custom WebGL pipeline for smooth handling of thousands of layers. It supports various AI models like Claude, OpenAI, Grok, and Gemini, either through user subscriptions/API keys or hosted models. pen.dev also provides features like HTML export, Figma import, built-in browser for importing web pages, vector editing, and UI libraries for component management. It can be used with MCP (Multi-Agent Communication Protocol) or CLI for headless design. pen.dev offers a local-first editor, allowing users to work with .pen files (JSON format). It includes functionalities such as shaders for visual effects, variables for design tokens, and familiar shortcuts. The platform aims to streamline the design-to-code workflow, enabling users to design with agents, refine manually, and then export to HTML/CSS/Tailwind.
Integrations: Claude, OpenAI, Grok, Qwen, Gemini, Kimi, Deepseek, Minimax, Figma, Cursor
Platforms: Web, macOS, Windows, Linux, Chrome Extension
View full pen.dev profile on Tools-Radar | Browse Design tools | Alternatives to pen.dev
Tools-Radar is a free directory of 10,000+ AI tools — discover, compare, and choose the right AI software for your needs. Visit tools-radar.com