Banani vs pen.dev
Banani
banani.copen.dev
pen.devSide by side
| Figure | Banani | pen.dev |
|---|---|---|
| Price from | $12/mo | $16/mo |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Windows | — | Yes |
| macOS | — | Yes |
| Linux | — | Yes |
| API | — | Yes |
| Plans published | 4 | 4 |
| Spec score · AI UI Design Generators | 8.3 (#7) | 8.9 (#3) |
| Spec score · AI Wireframe Generators | 8.3 (#13) | 9.0 (#7) |
| Code export | The pricing page says Plus and Pro include MCP/Code export, and its FAQ specifies HTML/CSS export for those paid plans. | Frames can be exported in one click as HTML with CSS or Tailwind CSS, while artwork can be exported as PDF, PNG, JPEG or WEBP. |
| What it does | Banani generates editable, multi-screen mobile and desktop UI designs from an idea, image, or PRD, which users can edit by chat and export. | 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. |
Plans
In their own words
Banani
Banani is a web app that generates editable, multi-screen mobile and desktop UI designs from an idea, image, or product requirements document. Users can refine designs with text prompts or the editor, add brand assets such as logos and colors, and connect screens into interactive prototypes for presentation or user testing. Real-time collaboration is listed. Exports include Figma, HTML/CSS, and images. Plus and Pro include unlimited Figma exports as editable layers with auto layout intact, as well as MCP/Code export; the FAQ identifies the code export as HTML/CSS. MCP access is included on all plans and connects designs to AI coding agents including Claude Code, Cursor, and Codex. The Free plan includes 12 monthly and 3 daily credits. Plus costs $12 a month billed yearly, with the page also showing $20; Pro costs $30 a month billed yearly, with the page also showing $50. When credits run out, new AI generations pause until they refill or the billing cycle resets, while existing projects remain accessible. Banani was founded in 2024.
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.