pen.dev vs WireMD
pen.dev
pen.devWireMD
wiremd.devSide by side
| Figure | pen.dev | WireMD |
|---|---|---|
| Price from | $16/mo | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Windows | Yes | Yes |
| macOS | Yes | Yes |
| Linux | Yes | Yes |
| API | Yes | Yes |
| Plans published | 4 | 1 |
| Spec score · AI Wireframe Generators | 9.0 (#7) | 8.0 (#22) |
| CLI | The @pen.dev/cli package provides headless creation, editing, MCP-shell access and PNG, JPEG, WEBP and PDF export from the terminal. | The CLI can render mockups from the command line and includes watch mode, a development server, and live reload. |
| Integrations | Official documentation lists MCP integrations including Claude Code, Codex, Gemini CLI, Antigravity, OpenCode, Kiro, and Claude Desktop. | The site lists a VS Code live preview, an Obsidian plugin, and a Figma plugin for importing editable designs. |
| What it does | pen.dev is an AI-assisted design editor where agents create or modify vector designs on a canvas and users can export the result to code. | WireMD turns Markdown into UI wireframes and mockups for developers and designers. |
Plans
In their own words
pen.dev
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.
WireMD
WireMD turns Markdown into UI wireframes and mockups for developers and designers. It is free and open source under the MIT license, with seven visual styles and 41 supported components. Exports include HTML, JSON, React (JSX/TSX), and Tailwind CSS; Vue and Svelte renderers are described as coming soon. Its command-line tool supports watch mode, a development server, and live reload. WireMD says its Markdown is CommonMark-compatible and works with any Markdown parser. The VS Code extension offers live preview, style switching, and responsive viewport testing. The Obsidian plugin adds live previews, style switching, and exports, and is described as mobile optimized. A Figma plugin imports designs as editable native Figma designs with auto-layout and styling. A programmatic API supports parsing Markdown and rendering HTML, JSON, React, and Tailwind output. The README says wireframes can be stored as plain text in Git and reviewed in pull requests. For generated HTML displayed in a web context, the security policy advises sanitizing it and validating user-provided input.