Penpot 2.16 推出 WebGL beta!Design tab 設計權杖工作流程同步升級

Penpot 2.16 推出 WebGL rendering beta 與 Design tab 設計權杖增強功能

Penpot 2.16 正式把 WebGL rendering 帶進 beta 階段,並同步強化 Design tab 裡的 design tokens 工作流程。對正在使用 Penpot 建立大型介面、設計系統與跨團隊協作檔案的使用者來說,這次更新的重點不只是新增功能,而是 Penpot 正在更換底層畫布能力,為更複雜的設計文件鋪路。

Penpot 2.16 以 WebGL canvas 改善大型設計檔案操作效能

WebGL beta:大型檔案更順暢,但預設仍關閉

Penpot 官方 release notes 將 WebGL rendering 視為 2.16 的 headline。過去 Penpot 主要依賴瀏覽器的 SVG rendering path,日常檔案表現足夠,但當頁面、元件、效果與大型設計系統累積後,平移、縮放與編輯就容易變慢。新的 WebGL canvas 目標是讓複雜檔案有更順暢的互動與更穩定的編輯體驗。不過官方也明確表示,這項功能仍是 beta,預設關閉,使用者需要從 account settings 或 workspace preferences 手動啟用。

Design tab 直接處理數值型 design tokens

另一個重要改進是 design tokens 不再像獨立面板中的孤島。官方指出,Design tab 的 numeric controls 現在可以直接選取、套用與檢查 tokens,範圍涵蓋尺寸、位置、旋轉、圓角、flex gaps、padding、最小與最大尺寸、字距、行高、描邊寬度、陰影偏移與 blur 等常用屬性。這能減少設計師在 tokens panel 與實際屬性控制之間來回切換,也更接近設計系統在日常工作中的使用方式。

字型、搜尋替換與版本預覽也一起補強

AlternativeTo 彙整指出,Penpot 2.16 也加入 woff2 font support、下載 custom fonts 的能力,以及針對文字內容與 layer names 的 Find & Replace 工具。官方 release notes 另外提到 token sets 可從已連結的 library 匯入,token groups 可重新命名與複製,並新增 saved versions 的 read-only preview。這些看似分散的更新,其實都指向同一件事:讓 Penpot 更適合大型團隊維護一致的 UI 系統,並降低檔案管理與日常編輯的摩擦。

WebGL 仍有邊界:匯出與檢視模式尚未全面切換

官方在「What’s next for the Penpot WebGL renderer」中特別說明,2.16 的 WebGL beta 目前主要作用於 design workspace canvas;view mode 與 PDF、SVG、PNG、WEBP 匯出仍走 legacy SVG renderer,文字編輯器也仍是 DOM-based editor。這代表使用者在 canvas、檢視模式、匯出成果與文字編輯過程中,可能看到些微差異。Penpot 接下來的優先順序是讓 exports、canvas-based text editor 與 viewer 陸續對齊新 renderer。

Penpot 設計系統工作流程透過 Design tab tokens 與 WebGL renderer 持續強化

新聞資料來源

https://alternativeto.net/news/2026/6/penpot-2-16-introduces-webgl-beta-and-design-token-enhancements/
https://community.penpot.app/t/penpot-2-16-release-alegria-geral/10626
https://community.penpot.app/t/whats-next-for-the-penpot-webgl-renderer/10627

返回頂端