# 策展 · X (Twitter) 🔥

> 作者：Danila Poyarkov (@dan_note) · 平台：X (Twitter) · 日期：2026-03-31

> 原始來源：https://x.com/dan_note/status/2038658745765617980

## 中文摘要

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