pen.dev vs WireMagic

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.

WireMagic is a desktop wireframing application for early product design before polished interfaces. It runs on macOS 12 or later and Windows 10 or later, including Apple silicon and Intel Mac builds. Built-in AI can create a first wireframe from a prompt, revise selected areas, and generate alternatives as editable native controls. Native.wiremagic projects remain on the user’s device, and core local editing does not require a constant internet connection. Preview Links publish static browser snapshots while editable files stay local. The MCP Agent Bridge beta works with Claude Code, Cursor, Codex, and other MCP clients; it is included on every plan, disabled by default, and local to 127.0.0.1 with a token. AI requests send prompts and bounded project context, not project files or conversation history. Plans include Free, Classic at $79, paid once, Plus at $7.50 a month billed yearly, and Pro at $15.83 a month billed yearly.