--- title: Pencil review description: "Multi-agent AI design: brand book to website, in your editor" canonical: "https://10xgtm.ai/tool/pencil-dev" type: review category: "Content & creative production" last-verified: 2026-08-28 availability: active sources: 15 --- # Pencil review A Figma-like canvas where AI agents build your website from a brand book, free today, rough enough that it can still crash on you. ## The take - **Great for:** Developers and hands-on PMMs who live in an editor and want to go from **brand references to a working page** without opening a design ticket. - **The catch:** It is **early-stage**, crashes happen, there is no autosave, and every generation runs on **your own Anthropic bill**, not Pencil's. - **Bottom line:** Reach for it when you want **agentic design to code** inside your IDE. If you need multiplayer, autosave, and a mature design system, stay in Figma. ## Specs - **Starting price:** Free (early access) - **Free tier:** Yes (currently free; bring your own Claude/Anthropic) - **Pricing model:** Free app, you pay Anthropic for the AI usage - **Best for:** Developers and design-minded PMMs who work in an IDE - **Key integrations:** Claude Code, Cursor, VS Code, Codex, Figma (import + plugin export) - **Watch out for:** Early-stage crashes, no autosave, and a separate Anthropic bill ## What you're actually getting Pencil is an **infinite canvas** that an AI agent can drive. It looks a lot like Figma, with a layers panel, a properties inspector, and a canvas in the middle, so anyone who has used Figma finds it fast. The difference is the **agent**. You connect Claude Code, Codex, or Cursor over an MCP server, prompt it, and watch it build the design component by component, right on the canvas. Tom Granot ran five agents in parallel to generate a full website from a Figma brand book. Your whole canvas is a **local .pen file**, plain JSON you version with Git like any codebase. Natural for engineers, a real shift for designers used to the cloud. ## Where it earns its keep The workflow is the win. Import a **brand book from Figma**, attach a design system, prompt the agent, and get a full page you can then export to real React, HTML, and CSS. All of it inside the editor a developer already lives in. For product marketers, that means going from **brand guidelines to a landing-page mockup** without waiting on a designer. Tom calls it one of the coolest things he has seen recently in AI, and a designer on r/ClaudeDesign preferred its two-way loop with Claude Code over Claude Design. Manual editing is genuinely good too: drag components, tweak the properties panel, and drop **prompt blocks** on the canvas that rerun in the agent, so a prompt becomes a reusable artifact instead of buried chat history. ## Where it'll bite you **Stability is the first trap.** Reviewers hit crashes often enough to notice, and there is no autosave, so a bad session can lose work with no recovery. Commit early, commit often, and keep runs short. The **sync is one-way.** Edit a component by hand and the code does not update on its own, you re-prompt the agent, unlike the select-and-edit-to-code loop in Lovable or v0. Figma export is not native either, it runs through community plugins. There is **no real-time collaboration** and no browser version yet, and the Git-based file workflow is friction for non-technical teammates. macOS is smoothest, Linux is reported, and the VS Code version drew a lukewarm reaction from early users. ## What it costs, really The app is **free** during early access, and the vendor says paid plans may come later with terms disclosed first. The sticker price hides the real one. Pencil drives an **external agent**, so heavy generation runs on your own Claude Code and Anthropic usage, billed by Anthropic, and reviewers warn token consumption can climb fast. A Claude Code subscription starts at **$20/mo** with API overage on top, so meter one real project before you promise a budget. ## Reach for it / skip it - **Reach for it if:** Developers and design-minded PMMs who want to turn brand references into a working page in their editor, and are fine metering their own AI spend. - **Skip it if:** You need real-time multiplayer, autosave, and a mature design system today. Figma is the safer home, and Lovable or v0 fit better if you want two-way sync with hosting. ## What real users said - "Pencil has multiple issues that I think it's not suitable for professional use right now. Not stable enough, it's relatively common to hit a crash." -- Xinran Ma, Design with AI (Medium) - "I sincerely feel the experience with pencil.dev was superior to using Claude Design, not just from the interactive process but also the outcome." -- OvertiredEngineer, Reddit - "I started trying out pen.dev today, the version integrated into VS Code. I didn't like the integrated version; I want to try the desktop app." -- Mira_______, Reddit --- Full review: https://10xgtm.ai/tool/pencil-dev - 15 cited sources.