Pencil

Pencil 是一个 Agent 驱动的 MCP 设计画布，直接集成到 Cursor、VSCode、Claude Code 等主流 IDE 中。开发者无需离开代码编辑器即可进行设计，设计文件存储在代码仓库中，支持 git 版本控制。

核心能力

• 无限画布: 在 IDE 中进行像素级精准设计，设计与代码一键切换
• AI 多人协作: AI 并行生成多个屏幕和流程，加速设计探索
• 矢量转代码: 自动将设计转换为生产级 HTML、CSS、React 代码
• 设计套件: 内置精选组件库，也可导入自有设计系统
• 开放格式: 设计文件可读可扩展，无黑箱锁定

适用场景 快速原型、产品设计、前端开发。特别适合全栈开发者、独立开发者和使用 AI 编程工具的团队。

独特优势 双向 MCP 支持是核心亮点，AI Agent 不仅能读取设计，还能完全操控画布。可连接数据库、API、Playwright 等外部工具，真正实现设计即代码。

编辑推荐 对于受够设计交接流程的开发者，Pencil 提供了革命性的解决方案。设计文件与代码共存于 git 仓库，是 AI 时代设计工作流的未来形态。