信息卡

一句话定位

自称"全球首个开源 AI 原生矢量设计工具"：自然语言直出无限画布设计，多个 AI 代理并发绘制不同区块，整套引擎用纯 Rust 重写、无浏览器内核。

增速解读：为什么涨这么快

总星 5669、月增 1259，增速比约 29%，在五千量级上持续爬坡说明热度并非昙花一现。增长动力来自三个情绪与事实的叠加：Figma 生态动荡让"开源替代品"叙事自带流量，而它在同类中唯一把 AI 当成产品核心而非插件——Prompt → Canvas 流式生成、Concurrent Agent Teams 让 hero/features/footer 多个代理并行作画并各带画布指示器，视觉演示冲击力极强；其次技术故事罕见地硬核：v0.7.5 弃用 Electron 后整仓转纯 Rust + GPU Skia，桌面单二进制仅 55.5 MB 且万节点画布空闲 CPU 趋零，工程质量党愿意为之背书；再加上 MCP Server 一键接入主流编码代理，把"设计工具"变成了 agent 可调用的一等能力。

核心功能拆解

• Prompt → Canvas：自然语言描述 UI 实时流式生成，可选中元素对话式修改，支持截图参考。
• Concurrent Agent Teams：编排器把页面拆为空间子任务并行生成，工作流 design_skeleton → design_content → design_refine。
• 多模型智能适配：Claude 用完整提示+思考模式，GPT-4o/Gemini 关闭思考，MiniMax/Qwen/Llama 走简化嵌套 JSON。
• MCP Server：一键装入 Claude Code/Codex/OpenCode/Kiro/Copilot CLI，stdio 传输无需 Node.js。
• Design-as-Code：.op 文件即 JSON，Git 友好可 diff，设计变量导出 CSS 自定义属性。
• 全栈代码导出：React+Tailwind、Vue、Svelte、Flutter、SwiftUI、Jetpack Compose、React Native。
• 设计基本功：布尔运算（union/subtract/intersect）、自动布局、多页面、Iconify 图标、50+ 风格指南模糊匹配。
• 协作与迁移：认证 P2P 实时协作、Git 分支合并面板、Figma .fig 导入、Chrome 网页捕获扩展。
• 附属形态：CLI op、op-web-sdk（React 19/Vue 3 只读查看器）、6 种模板演示文稿导出 PDF/PPTX/视频、15 语言界面。

架构与技术栈浅析

明确不是 Tauri/Electron：渲染层原生 skia-safe(GL)、浏览器端 CanvasKit(WASM/WebGL2)；UI 框架为 vendor 进来的纯 Rust GPU-Skia 框架 jian；窗口层用 winit fork casement；agent 运行时独立为 agent-rs 子模块。主要 crate 包括 op-editor-core、op-host-desktop/web、op-cli、op-mcp、op-ai、op-orchestrator、op-codegen、op-git、op-figma 等。Web 载荷 8.2MB wasm（gzip 2.18MB），无 GC 的所有权模型换来可预测延迟。

安装与环境要求

桌面安装 macOS 用 brew tap zseven-w/openpencil 后 brew install --cask openpencil；Windows 用 Scoop bucket；Linux 取 Releases 的 AppImage/deb。自建需 Rust stable（toolchain 锁定 1.94）与 wasm32 target，web SDK 另需 Bun ≥ 1.0 与 Node ≥ 18；克隆须 --recurse-submodules。

快速上手示例

bash scripts/start-web-rust.sh     # Web 开发服务器
cargo run -p op-host-desktop       # 桌面应用
op start                           # 启动桌面
op design @landing.txt             # 从文件批量生成设计
op import:figma design.fig         # 导入 Figma
docker run -d -p 3100:3100 ghcr.io/zseven-w/openpencil-web:v${VERSION}

进阶使用要点

• CLI 支持沙箱 JavaScript（op design @ui.js）与 stdin DSL 管道，适合 CI 批量产图。
• MCP 接入后可在编码会话里直接让 agent 操作画布节点。
• Agent Teams 对大页面收益明显，简单组件走单代理更省 token。
• 关注 vendor 子模块的上游许可差异（casement/winit、anthropic-agent-sdk 各自遵循原许可）。

典型应用场景

• 独立开发者从一句话到可导出代码的 MVP 界面草图。
• 开源团队在 Git 中评审 UI 变更（diff .op 文件）。
• 设计系统原型试验场：风格指南快速横评。
• 教学演示"多智能体并行创作"的直观案例。

同类生态位对比

Penpot 是最接近的开源竞品但偏传统协作流程、AI 能力弱；Figma AI 闭源且账号锁定；Excalidraw/Lunacy 不做高保真矢量。OpenPencil 以"Rust 性能 + agent 原生 + Design-as-Code"三件套构成独特生态位，当前短板是品牌与插件生态尚薄、功能广度对标成熟工具仍有差距。

资源导航

仓库：https://github.com/ZSeven-W/openpencil ；Releases 提供 AppImage/deb 与 CLI 安装脚本 install-op.sh；Docker 镜像 ghcr.io/zseven-w/openpencil-web；MIT License (c) 2026 ZSeven-W。