Figma 订阅费年年涨,而它对 AI 时代的回应却姗姗来迟——设计工具的"开源平替"呼声一直不断,真正能打的却不多。open-pencil(Open Pencil)交出的答卷相当完整:AI 原生的设计编辑器、开源的 Figma 替代品——Vue 3 + Tauri v2 + Skia 渲染引擎的桌面应用,提供画布、图形、画板、页面等核心设计能力,AI 功能(文生 UI、选中改写)以 API Key 接入任意主流模型。2026 年 3 月创建,半年约 9.2k Star、937 Fork、MIT 协议。本文按"概述 → 技术架构 → 功能面 → AI 集成 → 对比 → 总结"组织全文。
1、概述
Open Pencil 定位为"AI-native design editor, open-source Figma alternative":一个面向桌面的设计编辑器,把 Figma 的核心工作流(画布、图形绘制、画板、页面管理、多窗口)做进开源应用,并从第一行代码起就为 AI 协作设计。官网 openpencil.dev,组织 open-pencil 维护,2026 年 3 月创建,约 9.2k Star、937 Fork、MIT 协议。
技术栈一句话:Vue 3 前端 + Tauri v2 壳 + Skia 渲染引擎。这个组合在开源设计工具里相当讲究——Skia 是 Chrome / Android / Flutter 背后的 2D 图形库,性能天花板高;Tauri 让桌面端保持轻量;Vue 3 保证前端生态的 familiar。主仓库含 UI(应用界面)与 engine(Skia WASM 渲染引擎)两大模块。
平台支持:macOS 与 Windows 提供官方安装包,Linux 支持自行构建。i18n 已内置多语言,文档在 openpencil.dev/docs。
2、技术架构
三个核心组件的分工值得拆开看。
Skia 渲染引擎。设计工具的性能瓶颈在画布渲染——图形多了掉帧、缩放卡顿是常见病。Open Pencil 把渲染下沉到 Skia(经 WASM),图形绘制、变换、命中检测都走引擎层,绕开 DOM / SVG 的性能天花板。这是它与"网页版白板"类项目的本质区别。
Tauri v2 桌面壳。相比 Electron,Tauri 用系统 WebView,安装包与内存占用小一个量级;v2 带来多窗口能力——而多窗口正是 Figma 式设计工作流的刚需(主画布 + 浮动面板 + 独立预览)。
Vue 3 前端。组件化的界面层,主题、面板、快捷键、i18n 齐备,对前端开发者友好——想贡献代码或做二次开发,上手成本低。
数据格式上,文档保存为自有 JSON 结构(open-format),导入导出能力持续演进中(SVG / PNG 导出已可用)。
3、功能面
当前版本的设计能力覆盖 Figma 的日常高频区间:
- 画布与画板:无限画布、画板(frame)组织、页面多级管理
- 图形工具:矩形、椭圆、多边形、直线、文本、图片
- 编辑能力:填充、描边、圆角、阴影、模糊、透明度、混合模式
- 变换与对齐:移动、缩放、旋转、翻转、对齐分布、智能参考线
- 组织:编组、锁定、隐藏、层级调整、重命名
- 多窗口:Tauri v2 驱动的独立窗口(设计工具的差异化能力)
- 导出:PNG、SVG,分辨率与倍率可调
诚实地说,距离 Figma 的完整深度(组件系统、变体、原型交互、多人实时协作)还有明显差距——这是开源平替的普遍现状。但日常的 UI 草稿、简单界面设计、示意图绘制已经够用。
4、AI 集成
"AI 原生"不是口号,两个功能落地了。
文生 UI:在画布上圈定区域,输入描述("一个带搜索栏的音乐播放器界面"),AI 生成可编辑的设计稿——生成结果是真正的矢量图形与文本,不是贴图,后续可逐个元素修改。
选中改写:选中现有元素,用自然语言改造("把这张卡片改成深色模式"),AI 理解选区结构后输出修改。
模型自带:AI 功能不绑定单一厂商——设置里填入任意主流模型的 API Key(OpenAI / Anthropic / Google / DeepSeek 等)即可启用,本地 Ollama 亦可。这个设计与开源精神一致:AI 能力是插拔的,不是租约。
5、横向对比
开源设计工具赛道的主要玩家:
| 工具 | 技术路线 | 优势 | 局限 |
|---|---|---|---|
| Open Pencil | Skia + Tauri 桌面 | 性能天花板高、AI 原生、MIT | 功能深度不及 Figma |
| Penpot | Web 协作(Clojure) | 多人协作成熟、SVG 原生 | 桌面性能与 AI 集成弱 |
| Excalidraw | Web 白板 | 手绘风简单易用 | 非专业设计工具定位 |
| Figma | 商业 SaaS | 功能最全、生态最深 | 订阅贵、闭源、数据在云 |
选型建议:
- 个人设计工作流想要开源 + AI + 桌面性能 → Open Pencil
- 团队多人实时协作优先 → Penpot
- 快速画示意图 / 手绘稿 → Excalidraw
- 组合玩法:Open Pencil 做个人设计主力,需要协作时导出给 Penpot 或 Figma
6、总结
Open Pencil 是一个 AI 原生的开源设计编辑器(约 9.2k Star、MIT、Vue 3 + Tauri v2 + Skia):Skia 渲染引擎保证了桌面级画布性能,Tauri v2 带来多窗口能力,设计功能覆盖画板、图形、样式、变换、编组与导出的高频区间;AI 侧落地文生 UI 与选中改写两个功能,模型 Key 自带、任意主流厂商可接——设计工具的 AI 能力第一次以开源、可自托管、不锁定的形态出现。
它适合三类人:被 Figma 订阅劝退的独立设计师、想要本地化设计数据隐私敏感团队、以及想深度定制设计工具的开发者(MIT 协议 + Vue 前端,二开门槛低)。边界同样要清楚:组件系统、变体、原型、实时协作等 Figma 深水区能力尚未到位,重度专业工作流暂时无法整体迁移;项目 2026 年 3 月才创建,API 与文件格式仍在快速演进,重要文件注意版本管理;AI 生成质量依赖所接模型,重要产出仍需人工精修。对"设计工具能不能开源平替"这个老问题,Open Pencil 的新答案是:先在性能与 AI 上追平,深度功能按社区节奏补齐——半年 9k Star 说明这个路线有市场。


