Penpot 教學:介面有繁中,真正要花時間的是搬 Figma 檔

Penpot 是開源的設計協作平台,GitHub 60,555 顆星、MPL-2.0 授權,最新版 2.18.0(2026 年 9 月 23 日)。介面有繁體中文,官方翻譯檔約九成八已翻譯,在 Your account 的 Settings 切換。最快的開始方式是雲端免費版,最多 8 位成員、10 GB 空間、7 天版本紀錄;超過 8 人可升級 Unlimited,每位編輯者每月 7 美元、每月上限 175 美元。自架用官方 docker compose 檔就能啟動,官方技術文件說 4 核 16GB 撐得住上千人,小團隊可以保守配置;對外前要改 SECRET_KEY、拿掉關閉 email 驗證與安全 cookie 的旗標、改 PUBLIC_URI、接真的 SMTP,否則邀請信只會進測試信箱。從 Figma 搬檔用官方外掛 Penpot Exporter,元件、Variants、Auto Layout 搬得動,v0.17.0 起 variables 也會轉成 Penpot 的 Design Tokens,原型互動搬不過來。換過去前要知道的限制是大檔效能、外掛數量少與偏陽春的原型互動。建議搬設計系統而不是舊稿,先用新專案試一輪。
- 介面有繁體中文,官方翻譯檔約九成八已翻譯,但官方說明中心是英文
- 雲端免費版最多 8 位成員、10 GB;超過 8 人的 Unlimited 每位編輯者每月 7 美元,每月上限 175 美元
- 自架對外前要改四個預設值,最會騙人的是信件預設寄進測試信箱,邀請同事對方收不到
- Figma 搬檔用官方外掛 Penpot Exporter,variables 會轉成 Design Tokens,原型互動搬不過來、大檔效能是主要限制,搬設計系統比搬舊稿值得
Figma 檔匯進 Penpot,元件、色票、Auto Layout 都在,按下播放才發現原型的點擊跳頁全沒了。自架那邊也有類似的驚嚇:邀請同事進來,對方一直說沒收到信。
兩件都不是壞掉,官方都寫在 README 跟設定檔裡,只是很少人先看。下面照動手的順序走一遍。
基本資料:介面有繁中,說明文件沒有
Penpot 是開源的設計協作平台,跟 Figma 一樣在瀏覽器裡多人同時編輯。GitHub 上 60,555 顆星,最新版是 2026 年 9 月 23 日的 2.18.0。授權 MPL-2.0,改了原始碼再散布才要公開,拿他畫稿、接案、商用都不受影響,細節看 接案前先看 LICENSE。
介面有繁體中文,官方翻譯檔對照英文大約九成八已翻譯。登入後進「Your account」的 Settings 換語言。官方說明中心是英文,查問題要讀英文或丟給 AI 翻。
Penpot 沒有內建打字就生出設計稿的 AI,2.15 起有官方 MCP server,讓 Claude、Cursor、Codex 這類 AI 代理讀取、修改你檔案裡的元素。
先用雲端試,還是直接自架
我會先用雲端免費版試兩週。官方 FAQ 說從 Figma 過來的人多半兩到三小時上手,兩週夠你看出團隊會不會真的換。
| 面向 | 雲端 Professional | 雲端 Unlimited | 自架(Docker Compose) |
|---|---|---|---|
| 費用 | 免費 | 每位編輯者每月 7 美元,每月最多 175 美元 | 軟體免費,付主機錢 |
| 團隊人數 | 最多 8 位成員,檢視者不限 | 不限 | 不限 |
| 儲存空間 | 10 GB | 25 GB | 看你的硬碟 |
| 自動存版與救回 | 7 天 | 30 天 | 可開自動快照;資料庫與素材自己備份 |
自架:一份 compose 檔,四個預設值要改
官方 Docker 安裝只有兩步。先下載 compose 檔:
curl -o docker-compose.yaml https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
再啟動:
docker compose -p penpot -f docker-compose.yaml up -d
開 http://localhost:9001 就能註冊,一共八個容器,含 MCP 跟管理後台。
規格看官方技術文件:4 核 16GB 撐得住上千人,也說可以保守配置。官方論壇 2024 年的 FAQ 說一般用量 1 到 2 核、4 GiB 就夠,那時還沒有 MCP 跟管理後台,小團隊我會從這裡抓寬一點。硬碟 10 位編輯者以內抓 50 到 100 GB,每多一位加約 5 GB。
對外開放前,有四個本機測試用的預設值要改:
- PENPOT_SECRET_KEY 預設是 change-this-insecure-key,註解裡有產生隨機金鑰的指令
- email 驗證跟安全 cookie 預設關閉,拿掉 disable-email-verification 和 disable-secure-session-cookies 兩個旗標,並掛上 HTTPS
- PENPOT_PUBLIC_URI 預設是 localhost:9001,改成同事實際連進來的網址
- 信件預設寄進測試信箱 mailcatcher,開頭說的收不到邀請就是這個,信躺在 1080 port 的測試信箱裡,要接真的 SMTP 才寄得出去
compose 檔也預設開著匿名遙測,介意就把 PENPOT_TELEMETRY_ENABLED 改成 false。
更新時改 PENPOT_VERSION 再 pull、up,官方建議小步升級,動手前先備份資料庫跟素材 volume。
從 Figma 搬檔:搬得動什麼
官方自己維護一個 Figma 外掛 Penpot Exporter,最新是 2026 年 9 月的 v0.25.0。在 Figma 執行外掛、按 Export 拿到 .zip,再到 Penpot 專案選單選「Import Penpot files」。
搬得動的:基本圖形、向量、Frame(進來變 Board)、群組、遮罩、文字、元件與 Variants、Auto Layout、色彩與字體庫。README 沒列的是 variables,其實外掛從 v0.17.0(2025 年 11 月)起就會轉成 Penpot 的 Design Tokens。
搬不動的,README 也寫得很老實:原型互動不支援,點擊跳頁要重拉;兩邊做法不同的功能,進來可能長得不一樣;大檔效能卡在 Figma API 的限制。
我會這樣判斷:搬「設計系統」比搬「舊稿」值得。設計系統搬過來,新案子在 Penpot 開,舊稿留在 Figma 封存。真要搬舊稿,先挑一個中等大小的檔逐頁對過,這個習慣我寫在 換工具前先測資料匯出。
換過去前要知道的兩個限制
大檔效能。 GitHub 上 2025 年 9 月開的 issue #7334 到現在還沒關:匯入大型 Figma 元件庫後,Chrome 記憶體衝到約 7 GB、頻繁當掉。2.16 加的 WebGL 繪圖引擎看起來是衝著這個來,但還在 beta。先把元件庫拆小,一個檔不要塞整套系統。
外掛與原型互動。 外掛系統 2024 年底(2.3 版)才上線,數量跟 Figma 差很遠。原型觸發只有點擊、滑鼠移入、滑鼠移出、延遲四種,拖曳、條件判斷還做不到。換之前把每週都用的 Figma 外掛列出來,去 Penpot 外掛頁一個一個找,找不到的就是你會痛的地方。
我的建議
- 做社群圖、landing page 線框、跟設計師對稿:雲端免費版就夠
- 團隊超過 8 人:Unlimited 每月最多 175 美元,跟現在的設計工具帳單對一下
- 設計檔不能出公司:自架,四個預設值改完、備份設好再開給同事;顧 Docker 的功課看 行銷人該不該學 Docker
- 已有大型 Figma 設計系統、天天靠外掛:先別整套搬,拿一個新專案跑一輪
還在猶豫的話,Penpot 開箱 講他適合誰,Penpot vs Figma 講要不要換。
換設計工具最貴的通常不是授權費,是團隊重新習慣的那幾週。工具會一直換,判斷值不值得換的眼光比較耐用,我平常整理在 AI101。
我自己在學 AI 工具的方法,就是先動手做出一個小到不能再小的版本,再回頭優化。我寫教學也照這個邏輯,與其解釋一個技巧,不如用文章本身的形式直接演給讀者看,看到比讀到多十倍說服力。
我自己這幾年最深的體悟是:會被 AI 取代的是工具操作,留得下來的是判斷力。當定價被壓縮、護城河被打穿,行銷人能賣的只剩判斷,不是會不會用軟體。
不想碰伺服器,只想要結果?
這個 GitHub 專案功能完整,但你得自己配 server、串 API 金鑰、扛維運。
如果你現在只是要 AI 幫你寫文案、拆工作流、生行銷內容,免安裝、開箱即用的線上工具會更快上手。
30 秒免費試用 AI101 挑戰平台 →常見問題
Penpot 有中文介面嗎?怎麼切換?
有。Penpot 官方翻譯檔包含繁體中文(zh_Hant)與簡體中文(zh_CN),繁中對照英文原檔約九成八的字串已翻譯。登入後進入「Your account」的 Settings,在語言選項選繁體中文即可,同一頁也能切換亮色或暗色主題。要注意官方說明中心 help.penpot.app 目前是英文。
Penpot 自架需要什麼規格?怎麼安裝?
需要一台裝有 Docker 的 Linux 伺服器。官方做法是下載 docker-compose.yaml 後執行 docker compose -p penpot -f docker-compose.yaml up -d,預設開在 9001 port。規格方面,官方技術文件說 4 核 16GB 足以支撐上千位使用者,也可以保守配置;官方論壇 2024 年的 FAQ 說一般用量 1 到 2 核、4 GiB 就夠,當時 compose 檔還沒有 MCP 與管理後台容器,小團隊可以從這裡再抓寬一點。硬碟在 10 位編輯者以內建議 50 到 100 GB,每多一位約加 5 GB。對外開放前要更換 PENPOT_SECRET_KEY、移除 disable-email-verification 與 disable-secure-session-cookies 旗標、掛上 HTTPS,並接上真正的 SMTP,否則邀請信只會進測試信箱。
Figma 的檔案可以匯入 Penpot 嗎?
可以。用 Penpot 官方做的 Figma 外掛 Penpot Exporter 把檔案匯出成 .zip,再到 Penpot 專案選單選 Import Penpot files 匯入。支援基本圖形、向量、Frame、群組、遮罩、文字、元件與 Variants、Auto Layout、色彩與字體庫;外掛從 v0.17.0(2025 年 11 月)起也會把 Figma 的 variables 轉成 Penpot 的 Design Tokens,只是 README 的支援清單還沒列出。原型互動設定不支援,兩邊做法不同的功能可能長得不一樣,大型檔案的效能也是官方承認的挑戰。建議先拿一個中等大小的檔案試搬並逐頁檢查。
每週一封,上週精選寄給你
每週一早上寄一封,把上週站上新上架的文章挑出來給你。行銷觀點建立判斷力,工具開箱幫你選對工具,隨時可以退訂。