[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-openpencil-scriptable-figma-escape-hatch-zh":3,"article-related-openpencil-scriptable-figma-escape-hatch-zh":33,"series-industry-6807e44b-0651-4d70-98b9-b3c2471f61cb":80},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":16,"key_takeaways":25,"views":29,"created_at":30,"published_at":31,"topic_cluster_id":32},"6807e44b-0651-4d70-98b9-b3c2471f61cb","openpencil-scriptable-figma-escape-hatch-zh","OpenPencil 把 Figma 檔案變成可腳本化資產","\u003Cp>當 \u003Ca href=\"\u002Ftag\u002Ffigma\">Figma\u003C\u002Fa> 檔案被鎖在專有格式裡、CDP 自動化又失效時，還能用什麼\u003Ca href=\"\u002Fnews\u002Fclaude-code-mcp-setup-real-tools-zh\">工具\u003C\u002Fa>接手？\u003C\u002Fp>\u003Cp data-speakable=\"summary\">OpenPencil 是一款開源設計編輯器，可在本機讀寫 .fig，並把每一步操作變成可腳本化流程。\u003C\u002Fp>\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>項目\u003C\u002Fth>\u003Cth>核心能力\u003C\u002Fth>\u003Cth>關鍵規格\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Native .fig 編輯\u003C\u002Ftd>\u003Ctd>本機讀寫設計檔\u003C\u002Ftd>\u003Ctd>支援 .fig、.pen、跨 app 複製貼上\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Scriptable 操作\u003C\u002Ftd>\u003Ctd>CLI 與工具集\u003C\u002Ftd>\u003Ctd>100+ 工具，可搜尋、匯出、lint、修改\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>AI 內建\u003C\u002Ftd>\u003Ctd>聊天驅動編輯\u003C\u002Ftd>\u003Ctd>支援 OpenRouter、Anthropic、OpenAI 等\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>本地協作\u003C\u002Ftd>\u003Ctd>P2P 即時共編\u003C\u002Ftd>\u003Ctd>WebRTC、無伺服器、無帳號\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>可程式化工具包\u003C\u002Ftd>\u003Ctd>嵌入式編輯器\u003C\u002Ftd>\u003Ctd>Headless Vue SDK、MCP、CLI\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003Ch2>1. Native .fig 編輯\u003C\u002Fh2>\u003Cp>OpenPencil 最大的差異，不是「看起來像 Figma」，而是能直接開啟與寫回原生 .fig 檔。這代表圖層、節點結構與文件脈絡可以保留下來，不必先匯出成圖片再重做。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784077368527-42vi.png\" alt=\"OpenPencil 把 Figma 檔案變成可腳本化資產\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>它也支援 .pen 文件與跨應用程式複製貼上，對需要在不同工具間搬運設計資產的團隊很實用。\u003C\u002Fp>\u003Cul>\u003Cli>本機讀寫 .fig 檔\u003C\u002Fli>\u003Cli>可從應用程式或檔案總管開啟 .pen\u003C\u002Fli>\u003Cli>支援節點級 copy and paste\u003C\u002Fli>\u003Cli>可在 macOS、Windows、Linux 與瀏覽器 PWA 使用\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>2. 100+ 工具的腳本化操作\u003C\u002Fh2>\u003Cp>如果你的痛點是批次處理，OpenPencil 的 CLI 與工具集會比一般設計編輯器更有吸引力。它把檢視、搜尋、匯出、lint、修改等動作都變成可重複執行的命令。\u003C\u002Fp>\u003Cp>這讓設計營運、資產清理、或\u003Ca href=\"\u002Fnews\u002Fgoogle-gemini-enterprise-agent-platform-cloud-service-zh\">代理\u003C\u002Fa>人流程更容易落地，因為不需要每次都人工點進畫布。\u003C\u002Fp>\u003Ccode>openpencil tree design.fig\nopenpencil find design.pen --type TEXT\nopenpencil lint design.fig --preset strict\nopenpencil export design.fig -f jsx --style tailwind\u003C\u002Fcode>\u003Ch2>3. AI 直接操作文件\u003C\u002Fh2>\u003Cp>OpenPencil 內建聊天介面，能把自然語言轉成實際的節點操作，例如建立圖形、調整 auto layout、分析 tokens，或匯出資產。它不是單純的文字生圖工具，而是直接對文件動手。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784077364749-xl4g.png\" alt=\"OpenPencil 把 Figma 檔案變成可腳本化資產\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>而且它能接 OpenRouter、\u003Ca href=\"\u002Ftag\u002Fanthropic\">Anthropic\u003C\u002Fa>、\u003Ca href=\"\u002Ftag\u002Fopenai\">OpenAI\u003C\u002Fa>、\u003Ca href=\"\u002Ftag\u002Fgoogle\">Google\u003C\u002Fa> AI、Z.ai、MiniMax 與相容端點，團隊可以沿用自己的模型供應商與 API key。\u003C\u002Fp>\u003Cul>\u003Cli>內建 chat 與 100+ 編輯工具\u003C\u002Fli>\u003Cli>可用自己的 API key\u003C\u002Fli>\u003Cli>能建立、修改、檢查節點\u003C\u002Fli>\u003Cli>可從聊天介面做匯出與 token 分析\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>4. 不靠伺服器的本地協作\u003C\u002Fh2>\u003Cp>對重視資料路徑的團隊來說，OpenPencil 的協作模型很直接：用 WebRTC 做 peer-to-peer 即時共編，不需要中央伺服器介入，也不必先建立帳號。\u003C\u002Fp>\u003Cp>分享連結後，其他人就能加入，游標、presence、follow mode 與編輯狀態會即時同步。對內部工具、敏感專案或小型設計團隊，這種信任模型通常更好控管。\u003C\u002Fp>\u003Cul>\u003Cli>WebRTC P2P 協作\u003C\u002Fli>\u003Cli>共編不需要伺服器與帳號\u003C\u002Fli>\u003Cli>支援游標、presence、follow mode\u003C\u002Fli>\u003Cli>可從桌面版分享連結\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>5. 可嵌入的設計工具包\u003C\u002Fh2>\u003Cp>OpenPencil 不只是獨立編輯器，也是一套可程式化工具包。它提供 headless Vue SDK，讓開發者能把編輯能力嵌進自己的產品，或圍繞\u003Ca href=\"\u002Fnews\u002Fopenviking-agent-context-database-zh\">同一\u003C\u002Fa>核心做專用工作流。\u003C\u002Fp>\u003Cp>這對需要「在自家產品裡做設計編輯」的團隊特別有用，例如 token 審核、素材整理、元件組裝，或只針對單一任務的窄版編輯器。\u003C\u002Fp>\u003Cul>\u003Cli>Headless Vue SDK\u003C\u002Fli>\u003Cli>可嵌入式工作流元件\u003C\u002Fli>\u003Cli>支援 Figma Plugin API via eval\u003C\u002Fli>\u003Cli>CLI 與 MCP 都可供 agent 使用\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>怎麼挑\u003C\u002Fh2>\u003Cp>如果你要的是檔案控制、本機自動化、以及能被腳本和 \u003Ca href=\"\u002Ftag\u002Fagent\">agent\u003C\u002Fa> 直接操作的設計編輯器，OpenPencil 很對位。它特別適合需要讀寫原生 .fig、做批次處理，或把設計流程接進 CI 的團隊。\u003C\u002Fp>\u003Cp>如果你只想要一個介面漂亮、上手最省事的雲端設計工具，傳統 hosted 方案可能更輕鬆；但若你在意本機、可檢查、可擴充，OpenPencil 會是更強的逃生出口。\u003C\u002Fp>","5 個重點看懂 OpenPencil：本機讀寫 .fig、100+ 工具、AI 操作、P2P 協作與可嵌入 SDK，適合需要檔案控制與自動化的團隊。","github.com","https:\u002F\u002Fgithub.com\u002Fopen-pencil\u002Fopen-pencil",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784077368527-42vi.png","industry","zh","9c643a89-dbf9-461a-a271-db165e5e1e96",[17,18,19,20,21,22,23,24],"OpenPencil","Figma",".fig","設計自動化","CLI","P2P 協作","Vue SDK","MCP",[26,27,28],"可本機讀寫原生 .fig，保留可編輯結構","100+ 工具與 CLI 讓設計流程能腳本化","P2P 協作與可嵌入 SDK，適合敏感或客製工作流",0,"2026-07-15T01:02:20.736802+00:00","2026-07-15T01:02:20.725+00:00","e8d70001-524f-4e2f-870e-415b897c09fb",{"tags":34,"relatedLang":39,"relatedPosts":43},[35,37],{"name":18,"slug":36},"figma",{"name":21,"slug":38},"cli",{"id":15,"slug":40,"title":41,"language":42},"openpencil-scriptable-figma-escape-hatch-en","OpenPencil gives teams a scriptable Figma escape hatch","en",[44,50,56,62,68,74],{"id":45,"slug":46,"title":47,"cover_image":48,"image_url":48,"created_at":49,"category":13},"68a95be3-2724-4f92-b58f-cae6bc44afe4","kaspis-super-app-packs-7-services-one-app-zh","Kaspi Super App 7項服務一次看懂","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784142181440-60oq.png","2026-07-15T19:02:35.233283+00:00",{"id":51,"slug":52,"title":53,"cover_image":54,"image_url":54,"created_at":55,"category":13},"ef8146bf-45e9-43d0-b76b-de62fca38242","claude-code-mcp-setup-real-tools-zh","Claude Code MCP 連外工具的 5 種接法","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784075583568-ug67.png","2026-07-15T00:32:29.707314+00:00",{"id":57,"slug":58,"title":59,"cover_image":60,"image_url":60,"created_at":61,"category":13},"5976a9eb-d24d-4848-bcc5-b7fbb6afd529","openviking-agent-context-database-zh","OpenViking 把代理上下文收進同一個資料庫","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784057563908-sadm.png","2026-07-14T19:32:20.226876+00:00",{"id":63,"slug":64,"title":65,"cover_image":66,"image_url":66,"created_at":67,"category":13},"e4ad584d-4247-465d-8adb-af42d62d8e25","gpt-5-6-chatgpt-codex-one-workspace-zh","GPT-5.6 让 ChatGPT 更像工作台","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784052188042-wlg0.png","2026-07-14T18:02:33.326107+00:00",{"id":69,"slug":70,"title":71,"cover_image":72,"image_url":72,"created_at":73,"category":13},"7a749f8e-1ca9-404c-98c3-b85ced5d8b32","cloudflare-openai-pilot-fresher-search-zh","Cloudflare 與 OpenAI 的試點，押對了 AI 搜尋最缺的「新鮮…","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784035974063-4edw.png","2026-07-14T13:32:23.061902+00:00",{"id":75,"slug":76,"title":77,"cover_image":78,"image_url":78,"created_at":79,"category":13},"d9af1534-8c92-4c22-84a7-07b2d7f4f223","cloudflare-487-partner-ecosystem-partnerbase-zh","Cloudflare 的 487 個合作夥伴地圖","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1784034182919-dzef.png","2026-07-14T13:02:33.437045+00:00",[81,86,91,96,101,106,111,116,121,126],{"id":82,"slug":83,"title":84,"created_at":85},"ee073da7-28b3-4752-a319-5a501459fb87","ai-in-2026-what-actually-matters-now-zh","2026 AI 真正重要的事","2026-03-26T07:09:12.008134+00:00",{"id":87,"slug":88,"title":89,"created_at":90},"83bd1795-8548-44c9-9a7e-de50a0923f71","trump-ai-framework-power-speech-state-preemption-zh","川普 AI 框架瞄準電力、言論與州權","2026-03-26T07:12:18.695466+00:00",{"id":92,"slug":93,"title":94,"created_at":95},"ea6be18b-c903-4e54-97b7-5f7447a612e0","nvidia-gtc-2026-big-ai-announcements-zh","NVIDIA GTC 2026 重點拆解","2026-03-26T07:14:26.62638+00:00",{"id":97,"slug":98,"title":99,"created_at":100},"4bcec76f-4c36-4daa-909f-54cd702f7c93","claude-users-spreading-out-and-getting-better-zh","Claude 用戶更分散，也更會用","2026-03-26T07:22:52.325888+00:00",{"id":102,"slug":103,"title":104,"created_at":105},"bd903b15-2473-4178-9789-b7557816e535","openclaw-raises-hard-question-for-ai-models-zh","OpenClaw 逼問 AI 模型價值","2026-03-26T07:24:54.707486+00:00",{"id":107,"slug":108,"title":109,"created_at":110},"eeac6b9e-ad9d-4831-8eec-8bba3f9bca6a","gap-google-gemini-checkout-fashion-search-zh","Gap 把結帳搬進 Gemini","2026-03-26T07:28:23.937768+00:00",{"id":112,"slug":113,"title":114,"created_at":115},"0740e53f-605d-4d57-8601-c10beb126f3c","google-pushes-gemini-transition-to-march-2026-zh","Google 把 Gemini 轉換延到 2026 年 3…","2026-03-26T07:30:12.825269+00:00",{"id":117,"slug":118,"title":119,"created_at":120},"e660d801-2421-4529-8fa9-86b82b066990","metas-llama-4-benchmark-scandal-gets-worse-zh","Meta Llama 4 分數風波又擴大","2026-03-26T07:34:21.156421+00:00",{"id":122,"slug":123,"title":124,"created_at":125},"183f9e7c-e143-40bb-a6d5-67ba84a3a8bc","accenture-mistral-ai-sovereign-enterprise-deal-zh","Accenture 攜手 Mistral AI 賣主權 AI","2026-03-26T07:38:14.818906+00:00",{"id":127,"slug":128,"title":129,"created_at":130},"191d9b1b-768a-478c-978c-dd7431a38149","mistral-ai-faces-its-hardest-year-yet-zh","Mistral AI 迎來最硬的一年","2026-03-26T07:40:23.716374+00:00"]