Pencil 是什么
Pencil 是一款界面设计工具，把可视化设计画布与代码工作流连接起来：设计者可以在画布上手动绘制和调整界面，也可以让 AI Agent 直接在画布上设计。开发方为 High Agency Inc.。官方站点顶部标注“pencil.dev is now pen.dev”，产品现以 pen.dev 提供自我定位为“agentic canvas”——一个配合 Agent 构建软件界面的画布；本条目沿用原名 Pencil。
用途与使用方式
- 画布设计：官方页面列出的能力包括图层、组件与变量、渐变、像素网格、钢笔工具等常规设计功能，快捷键与 Figma、Sketch 保持一致；画布基于 WebGL 渲染，官方称数千图层下仍能流畅平移缩放。
- 导入与导出：支持导入 Figma 文件，或通过内置浏览器、Chrome 扩展把网页作为可编辑图层导入画布；任意画框可一键导出为 HTML/CSS/Tailwind。
- Agent 接入：除画布内的 Agent 外，官方称可通过 MCP 连接 Claude Code、Codex、Cursor 等外部 Agent，也可以用 CLI 在终端无界面地设计；IDE 扩展覆盖 Cursor、VS Code 等。
- 文件格式：.pen 文件是 JSON 格式，官方称 schema 完全开放，便于 Agent 直接读写。
- 平台：桌面应用支持 macOS（Apple Silicon 与 Intel）、Windows 与 Linux（AppImage/Tarball），另有 Chrome 扩展与 IDE 扩展；入口见官方下载页。
是否收费以官方定价页为准。
节目中的讨论
Weekly #005 的“从 Descript 到软件成为 Agent 插件”章节讨论的是软件应该开放给外部 Agent 调用，还是只服务自家 Agent。歸藏在对比中提到 Pencil：它“有一个自己的界面，在广播一个 MCP”。这一描述与官方“通过 MCP 连接外部 Agent”的说明相符。同一章节还讨论了 Descript 的封闭生态与 MagicPath。
常见问题
Pencil 和 pen.dev 是什么关系？
是同一个产品：官方站点标注“pencil.dev is now pen.dev”，原 Pencil 现以 pen.dev 域名提供服务。
Pencil 可以连接 Claude Code 或 Codex 吗？
可以。官方页面称可通过 MCP 连接 Claude Code、Codex、Cursor 等 Agent，也提供 CLI 和随附的 Agent skill；接入方式见官方文档。
Pencil 收费吗？
官方定价页列出 Free、Pro、Ultra 等分层；截至 2026 年 10 月，该页注明付费计划上线前产品免费使用。当前费率与配额见官方定价页。
Pencil 是开源软件吗？
官方强调 .pen 文件是 schema 开放的 JSON 格式，但未标注代码开源，站点也未提供公开代码仓库入口。开放文件格式与开源软件是两回事。