- 登入
- 註冊
Figma 是什麼？非設計師也能懂的完整介紹｜免費版範圍、費用方案與上手步驟
內容目錄
顯示
Figma 是一套在瀏覽器或桌面 App 上使用的介面設計與協作工具：設計師用 Figma Design 畫網站與 App 畫面、製作互動原型，客戶與工程師在共享檔案核對設計。免費 Starter 可畫稿與做原型，草稿不限，但草稿只能邀別人檢視，團隊資料夾也有檔案上限。是否需要付費，要分清編輯設計、檢視留言、使用 AI 與發布網站；這四種任務的資格不同（2026-11-05 核對官方文件）。
這篇從非設計師的任務出發，說明 Figma Design、FigJam、Dev Mode、Sites 與 Make 的差別，並用產品、席位與發布需求判斷免費方案是否適合。若合作團隊用它交付網站或 App 畫面，先分清設計稿、互動原型與已發布網站，再看自己需要哪些操作與權限。
Figma 是什麼？
Figma Design 可用瀏覽器或桌面 App 製作網站與 App 的介面設計，並在共享檔案中協作及留言。可把這種文件協作方式理解為「設計界的 Google 文件」，但每個人的查看、留言或編輯仍取決於權限及方案。
共享設計檔可讓設計者、客戶與開發者在同一份稿件核對畫面及留言，避免不同版本散落；是否改善效率，仍取決於團隊權限、溝通與交付規則，不能從工具名稱推定。
Figma 是製作與討論介面的工具，本身不保證網站好不好用；介面（UI）與體驗（UX）各自要顧什麼，可以看 UI 與 UX 的差異和網站驗收方法。
Figma 能做什麼？四個核心用途
Figma 的核心用途有四個：介面設計、互動原型、協作白板與設計交付。
- 介面設計（Figma Design）：整理網站或 App 的版面、元件及視覺稿。
- 原型展示（Prototype）：設定畫面間的連結與互動，測試操作流程；原型不代表後端已實作。
- 協作白板（FigJam）：用於腦力激盪、流程圖與團隊討論。
- 設計交付（Dev Mode）：協助查看設計尺寸、樣式及開發資料；進階能力需核對席位與方案，不保證成品自動符合設計。
除了這四項，官方方案頁還列出 Figma Slides（簡報）、Figma Draw（向量繪圖）、Figma Make（提示詞生成原型或網頁應用）、Figma Sites（網站發布）與 Figma Buzz（品牌素材）等產品；本次頁面也列出 Motion 與 Specs。Sites、Buzz、Motion、Specs 的 Beta 狀態與可用席位請按當期方案確認，這不是初學者必須全學的清單。先認得 Design、FigJam 與自己要交付的內容即可。
Figma 要錢嗎？
Figma 提供免費與付費方案，但不同產品的檔案、協作、發布與 AI 額度可能不同。先用自己的設計與交付任務試操作，再依 Figma 官方方案 確認權限、席位與功能；不能只用團隊規模判定免費方案一定足夠。
2026-11-05 核對美元價卡並實際切換年繳與月繳：Starter 方案免費，付費方案按席位（seat）計價，Professional 方案的 Full 席位年繳為每月 16 美元，月繳為每月 20 美元。
一個常見的入門路徑：先用免費版畫自己的網站構想圖，需要跟設計師或工程師正式協作時再評估付費。
Figma 方案與費用對照
下表是每個席位的美元月均標價，Professional 分月繳與年繳，Organization 與 Enterprise 標示年繳。年繳欄不是承諾每月扣款；實付總額、稅額及續約條件要在購買前核對。
| 方案 | Full 席位 | Dev 席位 | Collab 席位 | Full 席位每月 AI 點數 |
|---|---|---|---|---|
| Starter | 免費 | — | — | 每天 150 點，每月上限 500 點 |
| Professional | 年繳每月 US$16；月繳每月 US$20 | 年繳每月 US$12；月繳每月 US$15 | 年繳每月 US$3；月繳每月 US$5 | 3,000 點 |
| Organization（年繳） | 每月 US$55 | 每月 US$25 | 每月 US$5 | 3,500 點 |
| Enterprise（年繳） | 每月 US$90 | 每月 US$35 | 每月 US$5 | 4,250 點 |
付費方案的 Dev 與 Collab 席位每月各有 500 點 AI 點數。席位費、額外 AI 額度與適用稅額分開核對，不因一張價卡就認定所有 AI 用量都已包含；本文未進入結帳或購買。
資料來源：Figma 官方方案頁、說明中心的 方案功能比較 與 AI 點數說明（2026-11-05 查）。
免費的 Starter 方案能用到哪？
- 可以做的事：使用 Figma Design 的編輯器、元件與 Auto layout，製作互動原型；草稿數量不限，可取用 UI kits 與範本，也能邀請不限人數的檢視者查看與留言。
- 檔案限制：草稿是還沒移進資料夾的檔案，數量不限，但在 Starter 方案只能邀請別人檢視，不能開放編輯；團隊只有 1 個資料夾，資料夾內的 Figma Design 與 Figma Sites 檔案合計最多 3 個，FigJam 與 Figma Slides 檔案各以 3 個為限。版本紀錄保留 30 天。
- 升級與發布限制：Starter 不含 Dev Mode、團隊共用設計庫及進階原型功能。Starter 不能發布 Figma Sites；Sites 另有符合資格的 Education 例外。Figma Make 的 Starter 使用者若要發布至公開網路，也必須發布到 Figma Community，不能把它當成私密的客戶交付。詳見 Starter 說明 與 Make FAQ。
席位怎麼選？只看稿與留言不必買席位
只需要查看與留言的人不必購買席位：官方方案頁說明，付費方案可以讓其他人檢視與留言而不必加購，業主看稿給意見時請設計方開檢視權限即可。Full 席位可使用全部產品；Dev 席位可使用 Dev Mode、FigJam、Figma Slides 與 Figma Buzz；Collab 席位可使用 FigJam、Figma Slides 與 Figma Buzz。Dev 與 Collab 在共享 Design 檔案不能當成 Full 編輯席位，但可在自己的 Drafts 試用部分產品與 AI；檔案移入團隊資料夾或分享前，仍須確認席位及權限。
Figma AI 要另外付費嗎？
每個席位內含 AI 點數，Starter 每天最多 150 點、每月最多 500 點；這不代表所有功能、所有用量都免費。點數按月重置且不累積，也不能任意轉給另一個人。官方用「Make 從零生成 App 約 100 點以上」示範複雜度與用量的關係，這是近似範例，不能拿 500 ÷ 100 保證每月完成 5 個 App。多次修改、長對話與先規劃後建置都可能增加耗用。
功能資格也在更新：2026-11-05 查核時，Starter 總覽 仍列「No AI image tools」，但 Figma AI 功能說明 已寫 Starter 可用部分 Design 圖像工具，並區分 Drafts、共享檔案、席位與編輯權限。兩頁說明不一致，所以不要把「免費版完全不能用 AI 圖片」當成定論；先在自己的帳戶確認目標功能是否出現及可用額度，必要時向 Figma 查明，再決定是否升級。
AI 額度用完後，誰能加購與控管費用？
依 管理 AI 點數說明，管理員可依方案設定額外點數訂閱、按用量計費及支出上限；訂閱額度按月重置，但 Professional 的額度訂閱按月續約，Organization 與 Enterprise 則配合原年度合約，只能在指定續約窗口降級或取消；不能把月額度當成隨時可月退的合約。Education 與 Government 方案不能購買額外點數。若已啟用，系統可能在個人內含點數用完後使用訂閱共享額度，再進入按量計費。管理員也可限制個別使用者，別把「用完就停止」當成所有帳戶的共同設定。
| 購買或開工前 | 要確認的條件 | 留下什麼紀錄 |
|---|---|---|
| 先確認能不能用 | 產品、Starter／付費方案、席位、Drafts 或共享檔案、編輯權限及管理員設定。 | 目標任務、目前帳戶可見功能與限制；不能用的原因先問清楚。 |
| 再確認額度與預算 | 每人內含點數、重置日、額外訂閱、按量計費是否啟用及支出上限。 | 誰核准加購、哪一個團隊負擔費用；不把席位月費當成無上限 AI 預算。 |
| 最後核對產物 | 生成畫面、可操作原型與正式網站要分別驗收。 | 本次耗用、未完成的互動及後端工作；單次生成成功不代表系統交付完成。 |
不會設計的人，什麼時候會用到 Figma？
非設計師用到 Figma 的情況主要有三種：發包時看設計稿，自己畫網站構想，或把設計稿交給 AI 工具產生網頁初稿。
發包網站或 App 時看懂設計稿
若團隊用 Figma 交付設計稿，學會縮放、留言與切換頁面，可在同一份檔案提出修改。工具選擇及效率仍依團隊流程，不用「幾乎所有交付」或「溝通成本砍半」代替實際紀錄。
畫網站構想給別人看
可先用方塊、文字與箭頭標出首頁內容與操作順序，把構想交給合作團隊討論。初稿不用精緻，但需要標清內容、頁面關係與預期動作，再確認團隊能否查看或留言。
這種只畫結構而不處理視覺的草圖就是線框圖（Wireframe），畫法與範例可以看 線框圖教學與網站規劃流程。
搭配 AI 工具做網頁
可把設計稿或截圖交給 AI 協助產生前端初稿，再依目標平台驗證響應式版面、連結、無障礙及必要互動。HTML 外觀完成不等於付款、會員、資料庫或後端已完成；使用 Vibe Coding 仍需逐項驗收。
第一次用 Figma：從註冊到畫出網站構想的 4 個步驟
第一次使用時用瀏覽器就能開始，不一定要安裝桌面 App。
- 註冊帳號：到 Figma 官網（figma.com）建立帳號，方案選免費的 Starter 即可。
- 打開別人分享的設計稿：請設計方先開正確的檢視權限，確認你收到的是設計檔還是原型連結；用留言標出位置與預期修改，不要直接改掉原稿。若打不開，先核對受邀帳號與分享對象設定。
- 畫第一份構想：開一個草稿，從 UI kits 或範本開始，先決定每一頁的內容與順序。版面怎麼分區可以參考 6 種常見的網頁版型與設計原則，區塊之間的留白則可以對照 Padding、Margin 與 Border 的差別和網站間距實作。
- 再處理視覺：結構確定後再挑顏色與字體，可以先看 配色工具與網站配色實作 和 網站字體怎麼選與商用授權；整體的做站決策順序整理在 網站設計完整指南。
交接時請分開這三個連結，再用同一版稿件驗收
以下是協作交接範例，按自己的專案調整，並非本文已替你測過的帳戶操作。先請設計方用 Share 設定 給正確的對象與權限，再確認每個連結的用途。
| 連結或交付物 | 拿來做什麼 | 要向交付方確認 |
|---|---|---|
| Design 設計檔 | 看畫面、圖層及留言，必要時指到特定 Frame。 | 你有 can view 還是 can edit？分享對象是 Anyone 還是 Only invited people？哪些人有既有資料夾權限？ |
| Prototype 互動原型 | 依約定路徑點按、模擬操作，記錄哪一步與預期不同。 | 原型流程是否完整？只分享原型而不分享底層設計檔的權限是付費功能；Starter 從展示畫面分享時，檢視者仍可開啟來源檔，不能當成隱藏原稿的措施。 |
| 已發布的 Sites／Make 網址 | 檢查實際訪客看到的版本、導覽及操作。 | 目前哪一版已發布？權限與搜尋可見性如何？公開網址、編輯檔分享及搜尋引擎收錄是不同事情。 |
建議用同一份「稿件版本／Frame／裝置寬度／操作步驟／預期結果／實際結果／處理人」記錄修改；這是驗收範例，不是 Figma 強制欄位。留言時先選定位點或區域，再描述要完成的任務，例如「在手機寬度點諮詢後，預期到聯絡表單，現在連到首頁」，比只寫「不好用」更能交辦。官方留言教學 說明了定位與送出方式。
定案前可請有編輯權限的人建立具名版本並分享版本連結。版本紀錄說明 指出，Drafts 或 Starter 的紀錄限最近 30 天，建立、命名與還原也有權限條件。接收歷史版本連結的人同樣需要 can edit 才能查看；只有 can view 的業主，請另約定可查看的當前交接頁或交付物。官方在分享版本段也建議開發交接使用目前版本的指定頁面。不要只發一條版本連結，就認定對方能回查定稿。
Figma Design、Sites 與 Make 要分開看
Figma Design 的畫面與原型不等於已部署網站；Sites 與 Make 另有發布功能。Sites 發布說明 列 Professional、Organization、Enterprise 與非 K-12 Education，且需要檔案編輯權；Education 含 1 個已發布網站並有頻寬限制。Make 發布說明 以付費 Full 席位為主，Education 也有 1 個已發布 Make 檔案與頻寬限制；Starter 另須同時發布到 Community。實際資格與組織管理員的發布設定都要核對。
Design 現在也有 Code layers，可在設計畫布旁試跑互動程式；這和公開網站部署仍是不同交付。官方方案頁也列出 Make 可接 Supabase，以及原生建立 Payload 後端的選項，不能一概說 AI 產物都只有靜態畫面。若要儲存資料、登入或管理內容，請把資料庫、權限、備份與維護列入驗收；本文未建立帳戶、資料庫或測試交易。
Sites 發布會包含畫布上的所有網頁，連動態 CMS 子頁也在內；還沒準備好的頁面要先另移到其他檔案。Sites 與 Make 改完稿後，都要再執行發布或更新，不能只因編輯器已儲存就認定公開網站已更新。Make 的自訂網域額度與 Sites 共用，請按目前方案確認；網域費用另核，不把舊年度的 Beta 優惠當成永久條件。
是否先完成設計稿，應按內容、品牌需求、合作人員及驗收方式決定。現成版型與完整設計流程都可以比較；用相同交付範圍估算設計、開發、內容及維護成本，不預設某一流程必然更省。
設計稿完成後，怎麼變成真正的網站？
Figma Design 的設計稿不會自己變成網站，定案後常見的做法有三種。
- 交給工程師或設計公司照稿開發：適合需要客製功能的專案，發包前把頁面數、互動與驗收方式寫進報價範圍。
- 用 Figma Sites 或 Figma Make 發布：發布條件如上一段，Make 的操作流程另見 Figma Make 指南；會員、金流與後續維護要另外確認。
- 用架站平台把版面做出來：在平台的編輯器裡照設計稿排版；若是 SaaS 架站平台，主機與系統維護由平台負責，內容、網域設定與上線前測試仍要自己確認。
費用結構與維護責任的差別，可以先看 三種架站方式的比較與費用拆解，再用 10 家架站工具的比較與情境建議 縮小範圍。
內文精華總結
Figma 是雲端介面設計工具，「設計界的 Google 文件」。
- Figma Design 支援共享檔案協作，瀏覽器與桌面 App 可用；操作與編輯權依設定。
- 四大用途：介面設計、互動原型、FigJam 白板、Dev Mode 開發交付
免費方案能否符合需求，應以實際產品的協作、檔案與發布限制判斷。
- 非設計師的三個使用場景：看懂發包設計稿，畫網站構想，以及搭配 AI 工具轉網頁
Figma Design 設計稿與已發布網站要分開；Sites 與 Make 另有建立與發布能力。
- 按相同交付範圍比較版型、設計稿與開發流程，再選擇可維護的做法。
有設計稿，或不想從設計稿開始？用秒站把版面做出來
已經有 Figma 設計稿時，可以把它當成版面的藍圖，在秒站照著設計稿把版面做出來：一般頁面用頁面編輯器排版，要更貼近設計稿的頁面，可以和 AI 協作寫成 HTML 與 CSS 後放進 Vibe 畫布，兩種做法可依頁面混用。
秒站是台灣團隊用 WordPress 打造的 SaaS 架站服務，可從現成架構與 AI 圖文初稿開始，用頁面編輯器調整版面，也可把相容的自製 HTML、CSS、JavaScript 放入 Vibe 畫布。正式上線前需測試內容與操作，不承諾固定三分鐘完成：
- 4 小時免費試用：以 Email 開始，不必信用卡，親自測試內容與版面編輯；試用與正式站銜接另依流程。
- 看秒站方案：標準首年 NT$24,000／續年 NT$12,000，專業 NT$36,000／NT$18,000，輕電商 NT$48,000／NT$24,000，皆已含稅；網域註冊、影片空間與加購另核，不從方案價格推成整份設計稿的客製開發報價。
- 看網站案例：參考不同產業的內容、版型與功能安排，不從案例數量推定成效。
延伸閱讀
- Vibe Coding 是什麼？2026 完整入門｜為什麼非工程師也能用 AI 寫網站
- AI 做網站工具與交付流程比較
- 網頁設計趨勢 2026
- RWD 響應式網頁設計完整指南 2026
- 網頁設計公司怎麼選 2026｜10 個評估標準
秒站現在不只是一套版型。你可以從現成架構快速開始，用 頁面編輯器 以拖曳和複製區塊的方式調整版面；需要更高自由度時，也能和 AI 協作，把自製頁面放進 Vibe 畫布。可依頁面任務選擇做法，上線前仍須驗收內容、版面與必要功能。
當日官方查核資料
本文於 2026 年 11 月 5 日重新核對官方方案、月／年價卡、AI 額度、分享權限與發布條件；兩份官方文件對 Starter 圖像 AI 的差異已在正文列明。功能可見性與結帳金額仍要對照自己的方案及帳戶。
- help.figma.com 官方說明
- help.figma.com 官方說明
- 秒站方案與操作文件
- Figma 說明中心：管理 AI 點數（2026-11-05 查）
- Figma 方案；Figma 語言設定；Photoshop 介紹；Illustrator 介紹。
重點整理
Figma 是什麼？
Figma 是一組設計與協作產品。Figma Design 主要製作網站與 App 畫面及原型，可透過瀏覽器或桌面 App 使用，共享、留言與編輯依權限；Sites 與 Make 另有網站或互動內容發布能力。
Figma 免費版夠用嗎？
Starter 免費，草稿不限，但草稿只能邀別人檢視；團隊只有 1 個資料夾，內含 Design 與 Sites 檔案合計最多 3 個，FigJam 與 Slides 各 3 個，版本紀錄限 30 天。AI 每天最多 150 點、每月 500 點。Dev Mode、團隊共用設計庫及發布另有資格；Sites 不含在 Starter，Make 須同時發布到 Community。用自己的任務試過，再判斷是否足夠。
Figma 付費方案多少錢？
2026-11-05 官方方案頁以美元標示每個席位的每月價格：Professional 的 Full、Dev 與 Collab 席位年繳分別為 16、12 與 3 美元，月繳為 20、15 與 5 美元；Organization（年繳）為 55、25 與 5 美元；Enterprise（年繳）為 90、35 與 5 美元。Starter 方案免費，年繳欄是月均標價，不代表按月扣款；實付總額、稅額與續約條件以購買前核對為準。
Figma AI 要另外付費嗎？免費版可以用 AI 嗎？
每個席位內含 AI 點數，但可用功能依方案、席位、檔案與管理員設定不同。Starter 每天最多 150 點、每月 500 點，Full 在 Professional／Organization／Enterprise 每月 3,000／3,500／4,250 點；Dev 與 Collab 每月 500 點。內含點數不累積，額外訂閱或按量計費另計。官方 Starter 總覽與 AI 功能指南對免費圖像工具的說明不一致，請先核對自己帳戶，不把完全不能用當定論。
只是要看設計稿和留言，需要付費嗎？
只需要檢視與留言，不必因看稿而購買付費席位；請交付方開正確分享權限。共享檔案的設計編輯、Dev Mode、AI 及網站發布有不同席位和方案條件；Drafts 試用也不等於可分享或放進團隊資料夾。Starter 自己畫稿可免費，是否升級要按目標操作決定。
Figma 跟 Photoshop 和 Illustrator 差在哪？
先看任務：Photoshop 偏影像處理，Illustrator 偏向量圖像，Figma Design 偏介面設計、原型與協作。產品功能可能重疊，Figma 家族也有繪圖等產品；應以實際交付及工作流程選工具，不說某類創作只能用 Adobe。
完全不會設計，學 Figma 有意義嗎？
若合作團隊使用 Figma，可學縮放、留言與頁面切換來確認設計；也可畫構想與流程，再用 AI 協助生成前端初稿。AI 產物仍需依目標平台確認版面、互動、資料及上線需求，不將單張截圖當完整系統。
FigJam 是什麼？跟 Figma 有什麼關係？
FigJam 是 Figma 的協作白板，可整理想法、流程及討論。Design 用於介面與原型，兩者可配合規劃及交付；共享、編輯及相關功能仍按產品與席位確認，不預設所有團隊都採相同流程。
Figma 畫好的設計可以直接變成網站嗎？
先分清 Design 設計檔、互動原型與已發布網址。Sites 和 Make 有發布能力，但需核對方案、席位、編輯權、網域及管理員設定；Education 與 Starter 也有個別條件。改完稿要再發布或更新，不能把編輯器已儲存當成公開網站已更新。會員、金流、內容管理與維護須另外確認。
用 Figma 設計網站再找人開發，費用會比較高嗎？
是否先做完整設計稿，取決於需求、協作與驗收方式。用相同範圍比較設計、開發、平台、維護與人力成本；高度客製流程也可拆成分階段交付，不能只憑工具或流程名稱判定哪一種一定最高成本或最省。
Figma 有中文版嗎？
2026-11-05 官方產品語言文件列英文、日文、韓文、法文、德文、西班牙文（西班牙及拉丁美洲）與巴西葡萄牙文，未列原生中文介面。可從 Settings 的 Language 核對；機器翻譯不等於原生支援，幫助中心頁尾的翻譯語言也不是產品介面語言清單。
分享 Figma 原型連結，就能隱藏來源設計檔嗎？
不一定。官方說明，只分享原型而不分享底層設計檔的權限是付費功能；Starter 從展示畫面分享時，檢視者仍可開啟來源設計檔。分享前先核對方案、對象與權限，不把原型連結當成保密措施。
Figma AI 點數用完後，會自動停止還是另外收費？
依帳戶設定。若管理員啟用額外訂閱或按量計費，內含點數用完後可能繼續使用共享額度或計費。先確認支出上限與誰能加購，Education 與 Government 不能購買額外點數；本文不把所有帳戶都寫成用完即停。
Figma Sites 儲存修改後，公開網站也會立刻更新嗎？
不會只因儲存就更新公開版；還需執行發布或更新。Sites 發布包含畫布上所有網頁及動態 CMS 子頁，未完成的頁面要先另移到其他檔案，再到公開網址確認實際結果。Make 也要重新發布，不能只看編輯器預覽。
