pen.dev

Agentic design canvas, formerly Pencil.dev, with desktop apps and VS Code/Cursor extensions. Agents design on the canvas directly, or through MCP and a CLI from Claude Code, Codex, Cursor and others. It imports .fig files and web pages as layers and exports frames as HTML with CSS/Tailwind.

Information

Type: AI-first
Usage: 3.4%
Platform
Cost: Free
Pricing: Currently free; uses your own ChatGPT/Claude subscription or API key

Features

FreeFree plan

AIOn-canvas agents; MCP/CLI for coding agents

OfflineLocal .pen files; offline use not documented

Pen ToolPaths, curves, SVG paste

CollaborationShare links are view-only snapshots

CommentsNot confirmed

Handoff1-click HTML + CSS/Tailwind export

ArtboardsFrames on an infinite canvas

SymbolsComponents with overrides and slots

3D TransformNot documented

ResponsiveFill/hug/absolute layout

PrototypingNot confirmed

pen.dev is a UI Design tool for Mac, Windows and Linux. It is free to use. In our comparison it supports AI, pen Tool, handoff, artboards, symbols and responsive. Offline is only partly supported. It does not offer collaboration and 3D Transform.

Other UI Design tools

Paper$ 192
Google StitchFree
UX Pilot$ 264
Magic Patterns$ 204
Subframe$ 240
Banani$ 144
Moonchild$ 153
Visily$ 168

Compare all UI Design tools side by side