什么是Pencil?
Pencil是一个基于Agent驱动的设计画布，构建在开放设计格式之上，直接存在于您的代码库和IDE（Cursor、VS Code、Claude Code）中。它通过将像素完美的矢量画布引入开发环境，消除了传统的设计到代码交接。设计文件以版本控制的基于JSON的文件（.pen格式）存储在您的Git仓库中，允许团队使用与代码相同的分支、合并和协作工作流来管理设计。Pencil与Claude Code集成，支持基于组件的设计系统，并通过复制粘贴功能实现与Figma的双向工作流。该平台使用Model Context Protocol（MCP）架构，允许其他工具和Agent以编程方式读写设计。
主要功能
集成设计画布
像素完美的无限WebGL画布直接嵌入到您的IDE中，消除了设计工具和代码编辑器之间的上下文切换。
基于Git的版本控制
设计文件以JSON格式存储在您的代码仓库中，使用标准Git工作流实现设计与代码的版本控制、分支和合并。
并行AI生成
同时运行多个设计Agent来探索不同的设计方向，实现快速迭代和实验，无需线性工作流。
组件和设计系统
利用预构建的组件库，直接从代码库连接团队现有的设计系统，确保一致性和可重用性。
Figma集成
通过无缝复制粘贴从Figma导入设计，矢量图、文本和样式完整传输，平滑过渡到代码集成工作流。
MCP驱动的可扩展性
通过Model Context Protocol提供完整的读写访问权限，允许与数据库、API、图表库、Playwright/Puppeteer和自定义Agent集成。
1. Pencil与Figma或其他设计工具有何不同？⌄
Pencil构建为IDE内的设计画布，而不是独立的云工具。设计作为版本控制的代码存在于您的Git仓库中，实现设计和开发之间的真正同步。与Figma不同，没有单独的设计文件浮在云端——一切都是您仓库中的单一真实来源。
2. 我需要将Figma与Pencil一起使用吗？⌄
不，Pencil是独立的。但是，它通过复制粘贴与Figma集成，适用于希望使用Figma进行探索和Pencil进行生产的团队。您可以完全在Pencil内设计，或在准备实施时将现有的Figma设计导入。
3. Pencil支持哪些IDE？⌄
Pencil目前与Cursor、VS Code和Claude Code集成。它在Mac和Linux上作为本地桌面应用程序运行，设计可直接在IDE界面内访问。
4. Pencil可以与我现有的设计系统配合使用吗？⌄
5. 设计的版本控制如何工作？⌄
设计文件以.pen格式（基于JSON）存储在您的Git仓库中。您可以像代码一样对设计进行分支、合并和回滚。如果代码回滚到之前的提交，设计会同步回滚，保持单一真实来源。
6. 多人可以同时处理同一个设计吗？⌄
可以。Pencil的多人功能允许团队在同一画布上并行协作设计。多个设计Agent可以同时生成不同的迭代，实现更快的探索和协作优化。
7. Pencil使用什么文件格式？⌄
Pencil使用存在于您代码库中的开放JSON格式（.pen文件）。这种格式是非专有的、可读的，并与Git工作流兼容，确保没有供应商锁定。