Pencil

【产品介绍】 Pencil 是一款基于 MCP 协议的 AI 驱动设计工具，直接集成在代码编辑器中。 它采用开放的设计文件格式，设计文件可存储在代码仓库中，通过 Git 进行版本管理。 支持 Cursor、VSCode 等主流 IDE，让开发者无需切换工具即可完成设计与开发工作。 【产品功能】 内置设计画布：在 IDE 中提供无限画布，支持像素级精确设计 AI 并行生成：通过 AI 助手同时生成多个界面或完整流程 智能提示设计：可针对整个屏幕或特定部分进行 AI 提示生成 代码生成：将设计直接转换为 HTML/CSS/React 等生产就绪代码 Figma 导入：支持从 Figma 复制粘贴设计，保留矢量、文本和样式 MCP 双向集成：提供完整的读写权限，可连接数据库、API 等外部数据源