核心進展:從應用轉向可程式化工具包
OpenPencil 0.11 版本標誌著專案走向重大轉變,從單純的設計編輯應用演進成完整的開發工具包。新版本引入了一個可重用的編輯器核心,並以此為基礎推出了 headless Vue SDK,允許開發者將 OpenPencil 的編輯能力嵌入至其他應用或構建工作流程特定的編輯介面。
檔案格式與互操作性
OpenPencil 現已支援開啟和編寫原生 Figma .fig 檔案,同時保持對自有的 Pencil .pen 文件格式的支援。使用者可在應用間複製貼上節點,打破了 Figma 的生態限制。專案背後有明確的戰略背景:Figma 採取封閉平台策略,積極阻止程式化存取,其 MCP server 更只提供唯讀功能,Figma 126 版本甚至中止了 CDP 遠端除錯埠的支援。OpenPencil 提供了開放原始碼(MIT 授權)的替代方案,資料始終留在本機。
設計品質保證工具
新增的設計 linter 能檢查命名規範、布局結構和無障礙存取性問題,可從終端機執行。專案還提供了設計 token 分析工具,能審查整個設計系統中的色彩、排版和間距一致性,並自動偵測待提取的元件。這些工具可幫助設計團隊發現色彩使用的實際調色盤、結構重複率,以及系統中的不一致之處。
向量編輯與視覺功能
0.11 版本新增向量曲線編輯器,增強了對複雜圖形的編輯能力。應用搭載 Yoga WASM 引擎支援 flex 和 grid 布局,包含 gap、padding、alignment 和 track sizing 功能。可將任何設計選區直接匯出為使用 Tailwind CSS v4 utility classes 的 HTML。
AI 與自動化能力
內建 AI 助手提供 90 多個工具,能根據聊天描述創建和修改節點,支援連接 OpenRouter、Anthropic、OpenAI、Google AI、Z.ai 及 MiniMax 等多個 AI 服務端點,無需後端或帳戶。桌面應用可與 Claude Code、Cursor 和 Windsurf 等 AI coding agent 整合,透過 MCP server 實現設計的 headless 檢查、修改與匯出。CLI 支援 XPath 查詢設計節點、匯出為 PNG/JPG/WEBP/SVG/JSX 等格式,並可用於 CI 管線中的自動化。
協作與部署
提供 P2P 即時協作,透過 WebRTC 連接,無需伺服器或帳戶,支援游標共享、presence 和追蹤模式。桌面應用透過 Tauri v2 在 macOS、Windows 和 Linux 上運行,檔案大小約 7 MB,也可作為 PWA 在瀏覽器執行。
技術棧與開發現狀
核心採用 Skia (CanvasKit WASM) 渲染,Yoga WASM 進行布局,Vue 3 + Reka UI 構成 UI 層,協作基於 Trystero (WebRTC P2P) 和 Yjs (CRDT)。專案包含 188 項 E2E 視覺回歸測試和 764 項單元測試。重要聲明:專案目前處於主動開發階段,尚未準備用於生產環境。
OpenPencil 0.11 is out. It’s turning into a toolkit, not just an app:
— Danila Poyarkov (@dan_note) March 30, 2026
- new headless Vue SDK built on a reusable editor core
- opens both Figma .fig and Pencil .pen files
- new design linter for consistency, structure, and accessibility checks
- new vector curve editor + much…
