p

pen.dev (Pencil)

Design tool + AI · changed in the last 30 days

Updated

Design-to-code

Agentic design canvas in your IDE (extension), desktop app or headless CLI; open JSON .pen format; MCP for Claude Code/Codex/Cursor etc.; 1-click HTML + CSS/Tailwind export

Pricing

Free $0 (5 agent-days/mo, unlimited MCP calls while designing, 25 image/SVG gens); Pro $16/user/mo (3 parallel agents, 350 gens); Ultra $48/user/mo (6 agents, 750 gens, team workspaces); Enterprise: contact

As shown on Oct 16, 2026 · source ↗

Changelog history

  1. pen.dev (Pencil)

    @pen.dev/cli 0.3.12 published (no public release notes; recent posts: external MCP servers as context, Paste to Replace, 100% zoom in Present mode)

    Source ↗

pen.dev (Pencil) alternatives

C

Creatie

Design tool + AI

AI-assisted UI design tool

Paid
F

Figma

Design tool + AI
Changed <30d

Design-to-code via Dev Mode, Figma Make (prompt-to-app) and MCP server

Free plan · from $3/mo Shipped
P

Paper

Design tool + AI
Changed <30d

Design canvas built on real HTML/CSS; Copy as React CSS or Tailwind; MCP server lets agents read/write files and sync tokens with your codebase

Free plan · from $16/mo Shipped
P

Penpot

Design tool (open source)
Changed <30d

Open-source design tool with CSS Flex/Grid layouts, design tokens, MCP

Free plan · from $7/mo Shipped
P

ProtoPie

Prototyping
Changed <30d

High-fidelity interactive prototypes

Free plan · from $25/mo Shipped
R

Rive

Interactive animation

Interactive vector animations with runtimes for web/mobile

Free plan · from $9/mo Shipped