Figma Slides 簡報設計完全教學:用設計工具打造專業簡報的 5 個關鍵步驟
身為一個每週至少要做兩份簡報的 UI 設計師,我一直覺得 PowerPoint 和 Google Slides 的設計自由度太低了。直到 Figma 在 2025 年正式推出 Figma Slides,我才終於找到一個真正讓設計師感到「回家了」的簡報工具。
這篇文章會帶你從零開始,用 5 個步驟學會如何用 Figma Slides 打造視覺專業、版面精緻的簡報。不管你是設計師、PM 還是行銷人員,只要你用過 Figma,就能快速上手。
什麼是 Figma Slides?
Figma Slides 是 Figma 在 2025 年推出的簡報功能,讓你可以直接在 Figma 的設計環境中製作簡報。跟傳統簡報工具最大的不同是——你擁有 Figma 完整的設計能力,包括向量繪圖、Auto Layout、Components、Variables 等等。
如果你對 Figma 的基礎操作還不太熟悉,建議先看看我們的 Figma Auto Layout 完整教學,會幫助你更快上手。
為什麼要用 Figma Slides 做簡報?
Figma Slides 有三個無法取代的優勢:
- 設計自由度極高:像素級控制每一個元素
- 與設計系統無縫整合:如果你的團隊已經有 Design System,簡報可以直接引用元件和設計 Token
- 即時協作:多人可以同時編輯同一份簡報
步驟一:建立簡報專案與版面設定
打開 Figma,在首頁點選「New Slide Deck」就可以開始。預設的畫布大小是 1920x1080(16:9),這也是大多數投影設備的最佳解析度。
我自己的習慣是先建立好五種基礎結構:封面頁、目錄頁、內容頁模板、重點頁和結尾頁。每種頁面類型建立一個 Frame,之後就可以用 Component 的方式快速複製和修改。
步驟二:運用 Auto Layout 打造一致的版面
Auto Layout 是 Figma 最強大的功能之一,在簡報設計中更是不可或缺。透過 Auto Layout,你可以讓文字區塊、圖片和圖表自動對齊和排列。
我建議在每一頁簡報中至少使用一層 Auto Layout 來管理主要內容區塊。例如:最外層垂直 Auto Layout(間距 40px,內邊距 80px),標題區固定高度,內容區水平 Auto Layout,頁尾區固定在底部。
想深入了解 Auto Layout 的進階用法,可以參考 Figma Auto Layout 教學。
步驟三:視覺設計與品牌一致性
一份好的簡報,視覺風格必須統一。使用 Figma Variables 定義你的品牌色彩。字型建議設定三個層級——標題(32-48px)、副標題(24-28px)、內文(16-20px)。圖片統一圓角、陰影和邊框樣式。
步驟四:加入動畫轉場效果
Figma Slides 支援頁面之間的轉場動畫。Smart Animate 是最厲害的——如果兩頁之間有相同的元素,Figma 會自動產生平滑的過渡動畫。這在其他簡報工具中很難做到。
如果你想進一步學習動畫技巧,推薦閱讀 Figma Prototype 微互動教學。
步驟五:簡報模式與分享
完成設計後,按下右上角的「Present」按鈕就可以進入簡報模式。分享方面,你可以分享連結、匯出 PDF 或嵌入網頁。我個人最常用分享連結,因為對方不需要安裝任何軟體就能看到完整的動畫效果。
進階技巧:讓簡報更專業的 3 個秘訣
1. 善用 Component Variants——把每一種頁面類型做成 Variant,需要切換風格時一鍵切換。
2. 建立簡報 Template Library——把常用的簡報元件都存進 Team Library,下次直接拖曳。
3. 利用 Figma AI 輔助排版——Figma 的 AI 功能可以根據文字內容自動建議版面。想了解更多,看看 Figma AI 工作流程完全指南。
結語
Figma Slides 把設計師最需要的自由度帶進了簡報製作的世界。如果你還在用 PowerPoint 跟排版搏鬥,真心建議試試 Figma Slides。
延伸閱讀:
繼續閱讀
Figma 無障礙設計教學:用 WCAG 標準打造人人都能用的產品
無障礙設計不只是法規要求,更是好設計的基本功。這篇教學教你在 Figma 中檢查色彩對比、設定 Annotation、搭配外掛做 a11y 測試。
相關文章
你可能也喜歡
探索其他領域的精選好文