项目名称: OpenPencil
开源地址:https://github.com/ZSeven-W/openpencil
项目简介: 一款开源的AI 原生设计工具
用自然语言(比如“做一个简洁的登录页面,深色风格”)就能在无限画布上实时生成专业的矢量 UI 界面,还支持多个 AI Agent 团队并行协作、导出代码、导入 Figma 文件。
🚀 核心亮点
- 像聊天一样设计:输入文字描述或上传截图/线框图,AI 立刻在画布上画出矢量元素,支持流式动画实时渲染。
- AI 团队协作:复杂页面会自动拆分成多个小任务,让几个 AI Agent 同时生成不同部分(比如一个做头部、一个做表单),速度更快、更聪明。
- 设计即代码:保存的文件是 .op 格式(其实就是可读的 JSON),可以直接用 Git 管理版本、对比修改(diff),不像传统设计文件那么黑盒。
- 多模型支持:兼容 Claude、GPT-4o、Gemini、Qwen 等多种大模型,自动选择最适合的思考模式。
- 代码一键导出:支持导出 React + Tailwind、HTML + CSS、Vue、Svelte、Flutter、SwiftUI 等生产可用代码。
- 导入 Figma:可以导入 .fig 文件,保留布局和样式。
- 内置 MCP 服务器:支持用终端(Claude Code 等)直接编程操控设计文件,实现自动化设计流程。
- 其他实用功能:布尔运算、自动布局、多主题切换、设计变量系统、社区 UI Kit 中心(可以下载别人做好的组件)。
支持平台、Web、桌面(macOS / Windows / Linux)、CLI

