open-pencil

开源 AI 设计编辑器，自然语言改稿、多人协作一步到位

open-pencil 是一款 AI 原生的开源设计编辑器，定位为 Figma 的开源替代品。它面向 UI/UX 设计师、产品团队和前端开发者，解决传统设计工具闭源、订阅昂贵、AI 能力割裂的问题。核心能力包括：基于 Skia 与 WebGPU 的高性能矢量渲染，保证复杂画布流畅；Tauri 打包的桌面端应用，兼顾本地性能与跨平台；内置 AI 辅助设计能力，可用自然语言生成和修改界面；支持多人实时协作，让团队在同一文件内并行编辑。项目使用 TypeScript 与 Vue 构建，代码结构清晰，便于二次开发与私有化部署。对于希望掌控设计数据、降低工具成本、并把 AI 融入设计流程的团队，open-pencil 提供了一个可自托管、可扩展的完整方案。

开源 freemium 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 8788

维护状态活跃

是否开源是

定价模式 freemium

项目预览

项目数据

分类设计创意

开发团队open-pencil

所属国家

官网地址https://openpencil.dev

GitHubhttps://github.com/open-pencil/open-pencil

定价模式freemium

价格说明开源免费，官网提供在线体验，高级功能可能付费

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型ai,collaboration,design-editor,figma-alternative,open-source,skia,tauri,vue,webgpu

GitHub 星标★ 8788

30天Star增速

HF 下载量

上线时间2026-02-27 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-08

浏览次数0

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度：入门约 10 分钟部署方式：本地安装 8 步

环境要求

macOS 13 或更高版本（需较新的 Safari 更新）
Windows 10 或更高版本
Linux 需 WebKitGTK 2.40 及以上
若改用网页版：Chrome 111+、Edge 111+、Firefox 128+ 或 Safari 16.4+
macOS 上通过 Homebrew 安装需先安装 Homebrew

安装与启动步骤

1确认系统要求

先核对操作系统与浏览器版本是否满足要求，版本过低会导致桌面端或网页版无法运行。
2macOS 安装

macOS 用户用 Homebrew Cask 一条命令完成安装，安装后即可从启动台打开 OpenPencil。
```
brew install --cask openpencil
```
3下载安装包

非 macOS 或不用 Homebrew 的用户，到 GitHub Releases 页面下载对应平台安装包并安装。
4或直接用网页版

不想安装任何软件时，直接访问网页版地址即可打开编辑器，无需安装。
5打开设计文件

在应用内或系统文件浏览器中打开 .fig 和 .pen 设计文件，应用可读写原生 Figma 文件。
6接入 AI 能力

在应用内连接 OpenRouter、Anthropic、OpenAI、Google AI、DeepSeek、Z.ai、MiniMax 或兼容端点，之后在聊天中用自然语言生成和修改界面。
7用 CLI 控制运行中的应用

省略文件参数时，CLI 作用于编辑器中当前打开的文档，可查看文档树、管理文档与运行 MCP 工具。示例：查看实时文档结构。
```
openpencil tree
```
8试跑其他 CLI 命令

可列出/新建/保存/关闭文档、调用任意 MCP 工具、撤销自动化改动、修改编辑器设置，所有命令都支持 --json。
```
openpencil documents list
openpencil tool call get_selection
openpencil undo
openpencil settings set appearance.theme light
```

关键配置

配置项	必填	说明	示例
`appearance.theme`	否	编辑器外观主题设置，可通过 CLI 修改	`light`
`AI 服务商 API Key`	否	在应用内连接 OpenRouter/Anthropic/OpenAI 等服务商后启用 AI 设计	`sk-xxxxxxxx`

如何确认成功

桌面端能正常打开并读写 .fig/.pen 文件；终端执行 openpencil tree 能列出当前打开文档的节点结构。

常见问题

Q：不想安装桌面端怎么办？

A：直接访问 https://app.openpencil.dev 使用网页版，无需安装；演示地址为 https://app.openpencil.dev/demo。

Q：支持哪些操作系统和浏览器？

A：桌面端需 macOS 13+、Windows 10+ 或带 WebKitGTK 2.40+ 的 Linux；网页版需 Chrome 111、Edge 111、Firefox 128 或 Safari 16.4 及以上。

Q：AI 生成设计怎么用？

A：在聊天里描述你想要的界面，内置 100+ 工具会创建和修改节点；需先连接 OpenRouter、Anthropic、OpenAI、Google AI、DeepSeek、Z.ai、MiniMax 或兼容端点。

Q：CLI 不做文件参数时会怎样？

A：会作用于编辑器中当前打开的文档，可直接查看文档树、管理文档、调用 MCP 工具、撤销自动化改动或修改设置，且都支持 --json。

注意事项

项目处于活跃开发阶段，可以日常使用，但部分功能仍在迭代、可能不够完善。
README 未提供从源码构建的步骤，本教程只覆盖官方给出的 Homebrew、安装包与网页版三种方式。
CLI 完整命令与参数请参考官方 CLI 参考文档 https://openpencil.dev/reference/cli。

核心亮点

基于 Skia + WebGPU 渲染，复杂画布操作流畅，性能接近原生
AI 原生集成，支持用自然语言生成和修改设计稿，而非外挂插件
Tauri 桌面端 + 实时协作，可自托管，数据与成本可控

不足之处

生态与插件体系尚在早期，无法直接复用 Figma 社区海量资源
AI 生成结果的精细度与可控性仍需打磨，复杂设计稿可能需手动调整

适用场景

产品团队自托管设计协作平台，替代 Figma 订阅
设计师用自然语言快速生成界面初稿并迭代
前端团队在开源编辑器上二次开发，接入自有 AI 与设计系统

替代项目

Penpot、Excalidraw、tldraw

项目介绍

open-pencil 是设计创意领域的开源项目，由 open-pencil 开发，是 2026 年新上线的项目。

在全站 13,916 个收录项目中，它的 GitHub 星标数（8,788）位列前 6%，在设计创意分类的 192 个项目里位列前 6%。

项目目前处于活跃维护状态，最近一次代码更新于 2026-10-07。开源免费，官网提供在线体验，高级功能可能付费。

它主要面向的使用场景是：产品团队自托管设计协作平台，替代Figma订阅。同类可对比的替代方案包括 Penpot、Excalidraw、tldraw。

上一篇：semi-design

下一篇：poster-design