Pencil 是由 pen.dev 推出的一款面向智能体（agent）时代的设计工具，核心主张是“用智能体设计，在画布上精修每个细节，再把它交付回代码”。它试图把 AI 生成、手工打磨与代码输出整合在同一套画布工作流里，并强调“永远不必从零开始”。
用途方面，Pencil 定位于设计与开发之间的协作场景：既可作为界面/网页设计工具，也可作为把设计结果导出为 HTML 与 CSS/Tailwind 代码的生产力工具，还支持制作幻灯片与演示。
主要能力：
- 智能体协作设计：可在画布上直接与智能体一起设计，也可手动精修或唤起智能体处理；支持将任意模型接入画布，方式包括 ChatGPT 或 Claude 订阅、API Key，或通过 MCP、WebMCP、CLI 连接。
- 导入与复用：可导入任意应用的任意部分到画布；内置浏览器可打开任意网页并直接导入为可编辑图层；Chrome 中复制任意网页后可粘贴为可编辑图层；支持导入 .fig 文件（含布局、样式与图片），或直接从 Figma 复制粘贴。
- 性能：基于自研 WebGL 管线，官方称在平移、缩放和编辑时数千图层依然流畅，可处理 10000 张照片、10GB 内容并保持 60fps。
- 视觉特效：Vibe Shaders 提供基于实时着色器的渐变与纹理效果；支持在画布上编辑线性、径向、角度和网格渐变。
- Chrome 扩展与 AI Pen：扩展支持绘制路径、编辑曲线、将 SVG 代码直接粘贴进设计；AI Pen 可用智能体绘制图标与插画。
- 设计基础能力：保留 Figma 与 Sketch 的熟悉快捷键；支持可复用符号与覆盖、组件插槽、颜色/间距/字体变量、约束缩放（调整组大小时文字、描边、圆角与效果同步缩放）、悬停测量任意两图层间距、填充容器/包裹内容/绝对定位/对齐边缘、背景模糊/投影/图层模糊任意堆叠、拖动时吸附到边缘中心与等距、像素与半像素吸附，以及图层的重排、隐藏、分组、重命名与选择。
- 导出与分享：可一键把任意画板导出为 HTML 与 CSS/Tailwind，也可按需尺寸导出 PDF、PNG、JPEG、WEBP，以及 1x、2x、3x 等倍图；发送链接后任何人都可在浏览器打开最新版本。
- 团队与文件：支持跨文件共享组件集并保持项目同步；提供幻灯片视图与演示模式。
- 开放格式：.pen 设计格式本质是 JSON 文件，便于智能体原生处理，schema 完全开放并附有文档。
使用方式：可在应用内使用内置浏览器与画布进行设计，通过 MCP 连接 Claude Code、Codex、Hermes、Antigravity、Cursor 或任意智能体，也可使用 pen.dev CLI 进行无头（headless）设计。上面提到的导出、分享、导入等操作均按官方描述提供。
适用场景：适合需要与 AI 智能体协同完成界面设计的团队、希望把网页或既有应用快速转为可编辑设计稿、需要从设计直接产出 HTML/CSS/Tailwind 代码、以及需要制作演示文稿的用户。
限制与未提供信息：官方资料未说明具体定价、免费额度、支持的操作系统与浏览器范围、账号体系、协作人数上限、数据存储与隐私政策、各智能体接入的具体配置步骤等，这些内容暂未提供。
