OpenPencil:首个开源 AI 原生矢量设计工具,支持 Agent Team,可导入 Figma,一键导出 React/Vue 代码

一款开源的AI 原生设计工具

2026年3月25日 · 产品与应用 · 25 浏览
AI产品自动化工具创作者工具

项目名称: 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

评论

500 字符剩余

还没有评论,快来抢沙发吧~

GitWatt

来都来了,顺便关注一下吧

12 帖子
8 获赞
8 粉丝
0 关注
相关推荐
精选内容