Pen2Figma
把 pen.dev 設計稿匯入 Figma，保留自動版面、元件、變數和主題。
下載外掛
Pen2Figma 把 .pen 檔案轉換成可直接編輯的 Figma 原生圖層。我們用 Pen 自己的渲染器逐項校準過轉換規則：描邊對齊、多邊形幾何、漸層角度、圓弧方向、主題取值、字距這些容易出錯的細節，都按 Pen 的實際渲染結果處理。完全免費，無需帳號，不限數量。
功能
- 自動版面
- 方向、間距、內距、對齊，以及自適應、填滿、固定尺寸和絕對定位子元素。
- 元件與實體
- Pen 的可重複使用元件轉成 Figma 元件，實體保留覆寫（包括巢狀覆寫），圖示替換變成實體替換。
- 變數與主題模式
- 每個主題維度（亮、暗等）產生帶模式的變數集合，保留變數參照，畫板保留各自的主題。
- 元件庫
- 把設計稿引用的元件庫 .pen 檔案一起拖入，會自動關聯。
- 樣式
- 純色、線性、放射和角度漸層、圖片填滿、分邊描邊、陰影與模糊、圓角、圓弧與向量。
- 文字
- 依已安裝的字型比對字重；中日韓文字和 Pen 一樣回退到 PingFang SC 或 Noto Sans SC。
- 圖示
- lucide、Material Symbols、phosphor、feather，與 Pen 使用相同的圖示版本。
安裝
Pen2Figma 還沒有上架 Figma 社群，需要手動匯入，而且只能用 Figma 桌面版。
- 下載上面的壓縮檔並解壓縮。
- 在 Figma 桌面版的選單裡選擇 Plugins → Development → Import plugin from manifest…。
- 選擇解壓縮出來的
manifest.json，之後就能在 Plugins → Development 裡找到 Pen2Figma。
使用方法
- 執行 Pen2Figma，把
.pen檔案（以及它用到的元件庫.pen檔案和圖片）拖到 Figma 畫布上，也可以在外掛裡選擇檔案。 - 選擇要匯入的畫板，開始匯入。
- 所有內容都會放在目前頁面，摘要裡會列出需要留意的事項。
隱私
轉換全部在外掛內完成，不上傳你的檔案。網路請求只用於取得圖示和設計稿引用的圖片。
已知限制
著色器、網格漸層、腳本節點和網頁節點在 Figma 裡沒有對應項目，會匯入成帶明確標記的佔位圖層。每個集合只允許一種模式的 Figma 方案，其他主題會寫入固定值。
Pen2Figma 由 UISurf 獨立開發，與 pen.dev 及 Figma 無關聯。
更新紀錄
- 首個公開版本。
- 支援自動版面、元件與實體（含巢狀覆寫）、帶主題模式的變數、元件庫、漸層、圖片、效果和圖示。
- 中日韓字型回退，10 種介面語言，淺色和深色介面跟隨 Figma。