Figma Slides 簡報設計完整教學:設計師為什麼不再用 PowerPoint
什麼是 Figma Slides?
身為設計師,你有沒有這種感覺:花了幾個小時在 Figma 裡做好漂亮的設計稿,然後要做成簡報時,還要回去打開 PowerPoint,重新調字體、配色、版面,把設計稿截圖貼進去……整個過程既耗時又痛苦,最後效果還不如原本的 Figma 設計。
Figma Slides 就是為了終結這個痛苦而生的。它是 Figma 在 2024 年推出的簡報製作功能,完全整合在 Figma 生態系內,讓你可以直接把 Figma 的設計元件、樣式、資源帶進簡報,不需要任何格式轉換。
對設計師來說,這代表什麼?意味著你的簡報和你的設計稿共用同一套設計系統,顏色永遠對,字體永遠對,元件永遠是最新版本。
從零開始建立你的第一份簡報
在 Figma 中建立 Slides 很簡單。點擊首頁的「New」按鈕,選擇「Presentation」,就會進入 Slides 的編輯介面。
Slides 的介面跟 Figma 設計模式很像,左側是投影片清單,中間是編輯畫布,右側是屬性面板。如果你用過 Figma,基本上馬上就能上手。
建立新投影片有幾種方式:從空白開始、選擇內建版面(標題頁、內容頁、兩欄、引言等),或是從社群範本庫挑選。內建版面已經設定好基礎的網格和間距,是快速開始的好選擇。
基礎操作技巧
在 Slides 中,每一張投影片其實就是一個 Figma frame,所有 Figma 的繪圖工具、文字工具、圖片工具都可以直接使用。這讓設計師可以用熟悉的方式工作,不需要重新學一套新工具。
Auto Layout 在 Slides 中同樣適用,可以快速建立對齊一致的佈局。搭配 Figma 的 grid system,你可以建立出比 PowerPoint 精準得多的版面。
整合設計系統:Figma Slides 最大優勢
這是 Figma Slides 對設計師最大的賣點。如果你的公司或專案已經有 Figma 設計系統,可以直接在 Slides 中使用這些元件。
在右側面板的「Assets」區塊,你可以存取所有已連結的 Library,包含顏色樣式、文字樣式、元件。把 Button、Card、Badge 等元件直接拖進簡報,它們會保持與設計稿完全一致的外觀。
更棒的是,如果設計系統更新了(例如品牌重新設計,改了主色調),Slides 中使用的元件也會自動更新,不需要手動修改每一張投影片。這在大型組織的品牌統一管理上,是節省大量人力的功能。
設計趨勢和視覺系統的運用,可以參考 2026 設計趨勢指南,把最新的設計語言帶進你的簡報風格中,讓你的簡報在視覺上更有時代感。
動畫與轉場效果
Figma Slides 的動畫功能比 PowerPoint 的預設動畫更精緻,因為它底層用的是 Figma Prototype 的 Smart Animate 引擎。
投影片轉場
轉場效果有幾種預設:溶解(Dissolve)、推移(Push)、滑入(Slide)。在設定中可以調整轉場速度和 easing 曲線,讓轉場感覺更自然。
元素進場動畫
在投影片上選取元素後,在右側面板的「Animation」標籤可以設定進場效果——淡入、位移、縮放等。搭配 delay,可以讓不同元素依序出現,製造出有層次的資訊呈現節奏。
Smart Animate 跨投影片動畫
這是最強大的功能。如果兩張投影片有相同名稱的圖層,Figma 會自動計算它們之間的差異,在轉場時生成平滑的補間動畫。你可以做出圖表數值增長的動畫、元素從小放大的展示效果,甚至是資料更新的視覺化流程。結合 玻璃擬態設計 等現代視覺風格,可以做出質感非常高的技術演示簡報。
團隊協作功能
Figma 以多人即時協作著稱,這個優點在 Slides 中完全保留。
多個人可以同時編輯同一份簡報,就像 Google Slides 一樣。但 Figma Slides 的即時協作更精準,因為底層用的是 Figma 的 operational transform 引擎,衝突處理更可靠。
版本歷史讓你可以看到每一個修改點,隨時回到之前的版本。留言功能讓設計師和 PM 可以直接在投影片上討論,不需要截圖傳來傳去。
發表前的審稿流程也更順暢:分享一個 view-only 連結,讓主管或客戶在瀏覽器中預覽,不需要安裝任何軟體,點擊留言即可給出回饋。
四大工具比較
讓我們客觀比較一下 Figma Slides、PowerPoint、Google Slides 和 Keynote:
Figma Slides:設計精準度最高,設計系統整合無縫,協作功能優秀,動畫效果精緻。缺點是需要 Figma 訂閱,離線功能有限,對非設計師的學習曲線較高。
PowerPoint:功能最完整,商業環境最普遍,離線使用穩定,圖表工具強大。缺點是設計控制精準度低,協作功能較弱,舊版外觀容易顯得過時。
Google Slides:免費、易用、協作方便。設計功能最弱,版面控制粗糙,進階動畫幾乎沒有。
Keynote:Apple 生態系內設計感最強,動畫效果精緻,但只限 Mac/iOS,跨平台麻煩。
如果你是設計師,或者你的工作需要高品質的視覺呈現,Figma Slides 是目前最好的選擇。如果你在傳統企業環境,同事都用 PowerPoint,那就繼續用 PowerPoint,減少溝通成本。
匯出與分享
Figma Slides 支援多種匯出方式:直接分享 Figma 連結(最方便,支援瀏覽器播放)、匯出為 PDF(保留設計品質)、匯出為 PowerPoint(.pptx,方便與不用 Figma 的人分享,但動畫效果會有損失)、匯出每張投影片為 PNG 或 SVG。
Presenter Mode 是簡報時使用的全螢幕模式,支援說話者筆記、計時器、下一張投影片預覽。對於需要精確控制簡報節奏的演講者,這些功能非常實用。
範本設計最佳實踐
建立一個好的 Figma Slides 範本,可以大幅提升未來每次做簡報的效率。好的範本應該包含:標題頁、目錄頁、內容頁(文字為主)、內容頁(圖片為主)、兩欄對比頁、資料/圖表頁、引言頁、感謝頁。
在範本中使用 Figma 的 Local Styles 定義顏色和文字樣式,所有投影片都引用這些 styles,未來只需修改 style 就能統一更新整個範本的視覺風格。向量圖示可以用 Illustrator 製作後引入,Illustrator 向量設計 中有詳細的向量圖示製作技巧,製作出來的圖示在任何尺寸下都清晰不模糊,特別適合投影到大螢幕。
Figma Slides 的崛起代表設計工具正在整合整個工作流。從用戶研究、wireframe、設計稿、原型到簡報,全部都可以在 Figma 生態系內完成。對設計師來說,這是效率和品質的雙重提升。雖然它目前還不能完全取代 PowerPoint 的所有進階功能,但對於重視設計品質的場景,Figma Slides 已經是首選工具。
繼續閱讀
設計師作品集排版完整教學:用 InDesign 打造專業 Portfolio 從排版到上架 Behance
從規劃到上架 Behance,完整教你用 InDesign 排版一份專業設計師作品集,附字體配對、版面結構與輸出設定技巧。
相關文章
你可能也喜歡
探索其他領域的精選好文