這邊要分享如何上架一個 Figma Plugin,我自己主要是透過 AI 撰寫完成 Plugin,這邊也會分享如何快速透過 AI 來去上架一款 Figma Plugin。
這邊分享一個小技巧,我推薦使用 Cursor、Antigravity 等 AI IDE 工具,好處在於 Plugin 是本地端處理,使用這類工具最方便,另外則是用 AI 建立,後續上架等問題,直接丟給 AI,從介紹但選填內容,AI 很了解產品,都可以給你最適合的答案。
下面這邊就把所有上架步驟跟一些細節分享給大家。
1.針對設計完成的 Figma Plugin 點選 Publish

2.填寫基本資料
這邊其實很容易,依照欄位說明撰寫,如果有不懂或想要更方便,可以截圖丟給 AI,告訴他你的這個工具功能。

當然這邊我也會簡單說明一下各欄位和填寫建議
第一步:Describe your resource
Name:你的 Plugin 名稱這邊建議多數 Plugin 都可以加上英文,因為 Figma 是一個國際化工具,使用者全世界都有,寫上英文會讓更多人可以搜尋到。
Tagline:
舉例:

第二步:上傳圖片資料
這邊至少必需要上傳二張圖
1.Plugin ICON:尺寸 128 x 128
2.一張封面圖:尺寸 1920 x 1080

另外還可以上傳更多可以輔助說明跟吸引人的圖片或影片,這會作為輪播圖呈現,可以讓人更好了解你的 Plugin 內容。

第三步:Data security
這邊需要填寫回答一些問題,我做了一些簡單翻譯,大家根據內容來選擇適合的選項就好。
1. Do you host a backend service for your plugin/widget?
您的外掛/小工具是否有架設後端服務?
- No, I do not host a backend service for my plugin/widget. 不,我沒有為我的外掛/小工具架設後端服務。
- Yes, but my plugin/widget does not send any data read/derived from Figma’s plugin API to this backend. 有,但我的外掛/小工具不會傳送任何從 Figma 外掛 API 讀取或衍生的資料到此後端。
- Yes, and data read/derived from Figma’s plugin API is sent to this backend. 有,且從 Figma 外掛 API 讀取或衍生的資料會傳送到此後端。
2. Does your plugin/widget make any network requests with services you do not host?
您的外掛/小工具是否會對您未託管的服務發出任何網路請求?
- My plugin/widget does not make any network requests. 我的外掛/小工具不會發出任何網路請求。
- My plugin/widget makes network requests for static assets eg. fonts, images. None of these requests include data read/derived from Figma's plugin API. 我的外掛/小工具會對靜態資源(如字體、圖片)發出網路請求。這些請求皆不包含從 Figma 外掛 API 讀取或衍生的資料。
- My plugin/widget makes network requests to analytics tools eg. Mixpanel, Sentry, etc. None of these requests include any data read/derived from Figma's plugin API. 我的外掛/小工具會對分析工具(如 Mixpanel、Sentry 等)發出網路請求。這些請求皆不包含任何從 Figma 外掛 API 讀取或衍生的資料。
- My plugin/widget makes network requests not captured by the above: 我的外掛/小工具會發出以上未提及的網路請求:
3. Does your plugin/widget use any user authentication?
您的外掛/小工具是否使用任何使用者驗證(登入功能)?
- No, my plugin/widget does not require or use any user authentication. 不,我的外掛/小工具不需要也不使用任何使用者驗證。
- Yes, my plugin/widget has user authentication that is handled via a third-party identity provider eg. Auth0 or a “Log in with Google” button. 有,我的外掛/小工具擁有使用者驗證功能,並透過第三方身分提供者處理,例如 Auth0 或「使用 Google 登入」按鈕。
- Yes, my plugin/widget has user authentication that is handled via a site that I host. 有,我的外掛/小工具擁有使用者驗證功能,並透過我託管的網站處理。
4. Do you store any data read/derived from Figma’s plugin API?
您是否會儲存任何從 Figma 外掛 API 讀取或衍生的資料?
- No, my plugin/widget does not store any data read/derived from Figma’s plugin API. 不,我的外掛/小工具不會儲存任何從 Figma 外掛 API 讀取或衍生的資料。
- Yes, my plugin/widget stores data read/derived from Figma’s plugin API locally (eg. localStorage, figma.clientStorage, or node.setPluginData). 有,我的外掛/小工具會將從 Figma 外掛 API 讀取或衍生的資料儲存在本地端(例如 localStorage、figma.clientStorage 或 node.setPluginData)。
- Yes, my plugin/widget stores data read/derived from Figma’s plugin API in a way not captured by the above. 有,我的外掛/小工具會以以上未提及的方式儲存從 Figma 外掛 API 讀取或衍生的資料。
5. How do you manage updates to your plugin/widget?
您如何管理外掛/小工具的更新?
- I am a solo developer. I manage and update my plugin/widget myself. 我是獨立開發者。我自行管理並更新我的外掛/小工具。
- I work on a team and code changes are reviewed by a separate person before publishing. 我在團隊中工作,程式碼變更在發布前會由另一人審核。
- Other 其他
第四步:Add the final details
這邊就最簡單
1.選擇作者,假設有共創作者請一起加入
2.開放留言,這邊可以選擇是否開放使用者留言

3.支援 Email,這邊會預設帳號的 Email,但假設你希望使用其它 Eamil,記得在這邊修改

3.送審
最後就是送審,這步完成後就等待 Figma 那邊審核通知,最快半天到一天就能審核完,我自己過往經驗大概都是一天左右。
假設沒通過,他們會告訴你原因,這時就需要針對性去修改,假設通過了就會接上線,到時就能公開分享。
這邊要是沒通過,可以直接把未通過原因丟給 AI,請 AI 解決。

這邊是我的 Figma 帳號,上面有我製作的 Plugin,有興趣的可以直接看看
另外這是我整理的 Vibe Coding 資源網站,如果你對 Vibe Coding 有興趣,可以查看我整理的資源


Discussion