【开源自荐】OpenPencil:首个开源AI原生矢量设计工具,支持Agent Team,可导入Figma,一键导出ReactVue代码

2026-04-11 08:111阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述:

佬们好!
我们最近开源了一个AI原生设计工具,OpenPencil。

主界面1920×1154 247 KB

从春节假期开始肝,经过两天一个大版本、一天一个小版本的疯狂迭代,现在已经具备以下能力:

  1. 自然语言生成设计稿,支持 Claude Code/Codex/OpenCode 等主流CLI
    Agent & MCP 配置1010×1188 80.1 KB

  2. 支持 MCP 实时操作画布,可局部修改元素
    MCP1920×985 197 KB

  3. 支持 Agent Team,多Agent并发完成设计
    Agent Team 并发1920×1053 113 KB

  4. 兼容 .pen,支持 .fig 导入,还原度相当高
    fig截图1894×1276 215 KB
    导入还原度1920×1207 157 KB

  5. 一键导出React/Vue等8种原生代码,还原度接近100%
    一句话生成设计稿1438×1902 230 KB
    一键导出React代码直接项目中运行1920×1524 538 KB

当然,.fig 由于结构化过于混乱,还没有完美适配,还需要继续打磨。

官网:https://op.zseven.tech/
仓库地址:GitHub - ZSeven-W/openpencil: The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil. · GitHub

欢迎佬们体验、拍砖、提 PR,还有 star 哦~

网友解答:
--【壹】--:

好东西!


--【贰】--:

这个好啊!


--【叁】--:

支持开源


--【肆】--:

有没有效果图看看


--【伍】--:

太强了佬,插眼学习


--【陆】--:

这么厉害吗!!!


--【柒】--:

这个和pencil的关系是?


--【捌】--:

厉害了我的佬


--【玖】--:

这个项目优秀了,得赞一下。


--【拾】--:

太强了佬


--【拾壹】--:

太强了啊


--【拾贰】--:

厉害了佬


--【拾叁】--:

牛!我现在在L站说的最多的就是牛


--【拾肆】--:

看起来效果很棒,如何使用呢


--【拾伍】--:

好东西,mark一下


--【拾陆】--:

前几天自己手动配置pencil和codex (win),始终没弄好,现在有佬的作品,支持了 感谢了


--【拾柒】--:

这个就不得不夸优秀了,美工十分需要


--【拾捌】--:

之前一直用的pencil插件,有时间试试佬的方案


--【拾玖】--:

快加入动作交互,这样就完美了,我就再也不用axure了。

问题描述:

佬们好!
我们最近开源了一个AI原生设计工具,OpenPencil。

主界面1920×1154 247 KB

从春节假期开始肝,经过两天一个大版本、一天一个小版本的疯狂迭代,现在已经具备以下能力:

  1. 自然语言生成设计稿,支持 Claude Code/Codex/OpenCode 等主流CLI
    Agent & MCP 配置1010×1188 80.1 KB

  2. 支持 MCP 实时操作画布,可局部修改元素
    MCP1920×985 197 KB

  3. 支持 Agent Team,多Agent并发完成设计
    Agent Team 并发1920×1053 113 KB

  4. 兼容 .pen,支持 .fig 导入,还原度相当高
    fig截图1894×1276 215 KB
    导入还原度1920×1207 157 KB

  5. 一键导出React/Vue等8种原生代码,还原度接近100%
    一句话生成设计稿1438×1902 230 KB
    一键导出React代码直接项目中运行1920×1524 538 KB

当然,.fig 由于结构化过于混乱,还没有完美适配,还需要继续打磨。

官网:https://op.zseven.tech/
仓库地址:GitHub - ZSeven-W/openpencil: The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil. · GitHub

欢迎佬们体验、拍砖、提 PR,还有 star 哦~

网友解答:
--【壹】--:

好东西!


--【贰】--:

这个好啊!


--【叁】--:

支持开源


--【肆】--:

有没有效果图看看


--【伍】--:

太强了佬,插眼学习


--【陆】--:

这么厉害吗!!!


--【柒】--:

这个和pencil的关系是?


--【捌】--:

厉害了我的佬


--【玖】--:

这个项目优秀了,得赞一下。


--【拾】--:

太强了佬


--【拾壹】--:

太强了啊


--【拾贰】--:

厉害了佬


--【拾叁】--:

牛!我现在在L站说的最多的就是牛


--【拾肆】--:

看起来效果很棒,如何使用呢


--【拾伍】--:

好东西,mark一下


--【拾陆】--:

前几天自己手动配置pencil和codex (win),始终没弄好,现在有佬的作品,支持了 感谢了


--【拾柒】--:

这个就不得不夸优秀了,美工十分需要


--【拾捌】--:

之前一直用的pencil插件,有时间试试佬的方案


--【拾玖】--:

快加入动作交互,这样就完美了,我就再也不用axure了。