Figma 2025 最新更新:Figma Draw、Figma Sites 及更多功能,打造全能設計平台
2025年6月27日
Figma 在 2025 年 Config 大會發布了一系列突破性更新,包括 Figma Draw 的向量設計工具、Figma Sites 的網站構建功能、Figma Make 的 AI 程式碼生成,以及 Figma Buzz 的品牌資產管理。這些功能專為付費計劃用戶設計,旨在簡化從設計到產品化的流程,提升創意與協作效率。
Figma 在 2025 年 5 月的 Config 大會上推出了多項令人振奮的更新,進一步鞏固其作為全能設計平台的地位。從 Figma Draw 的強大向量工具到 Figma Sites 的網站發布功能,再到 Figma Make 和 Figma Buzz 的 AI 驅動創新,這些更新不僅提升了設計師的創作自由度,還縮短了設計到開發的距離。
Figma Draw
更新時間:2025 年 5 月 7 日,全面推出
Figma Draw 是一套專為視覺表達設計的工具,整合於 Figma Design 的工具列中,僅限付費計劃的 Full Seat 用戶使用。
功能包括:
增強向量編輯:新增形狀生成器(Shape Builder)、套索選擇(Lasso)和多重編輯(Multi-edit),讓複雜圖形設計更精準。
路徑文字:文字可沿任意向量路徑排列,增加設計靈活性。
畫筆與效果:提供多種向量畫筆,模擬手繪效果,並支援紋理、噪點和漸進模糊等新效果。
動態筆觸:自訂筆觸頻率和抖動,增添自然感。
Figma Draw 讓設計師無需離開平台即可完成專業級插圖,與 Adobe Illustrator 等工具直接競爭。對於設計師,這意味著更高效的工作流程,無需額外軟件。
2. Figma Sites
更新時間:2025 年 5 月 7 日,公開測試階段
Figma Sites 是一個全功能網站構建工具,允許用戶從設計到發布網站無縫銜接,僅限付費計劃的 Full Seat 用戶。
功能包括:
設計遷移:直接從 Figma Design 複製貼上設計至 Figma Sites。
預設模板:提供 50 個響應式網站模板,支援不同螢幕尺寸。
交互功能:支援捲動視差、跑馬燈等動態效果,無需編碼即可實現。
即時預覽與發布:在畫布中預覽 HTML,點擊即可發布網站。
即將推出:內容管理系統(CMS)將於 2025 年底推出,允許動態更新網站內容。
Figma Sites 簡化了網站開發流程,特別適合香港的中小企和自由工作者快速建立品牌網站,無需依賴 WordPress 或 Wix 等第三方平台。
3. Figma Make
更新時間:2025 年 5 月 7 日,公開測試階段(即將全面推出)
Figma Make 利用 AI 從文字提示生成高保真原型和程式碼,僅限付費計劃的 Full Seat 用戶。
功能包括:
提示到原型:輸入文字描述即可生成網頁應用程式原型,支援 React、TypeScript 和 Tailwind。
整合設計:從現有 Figma 設計開始,快速生成程式碼。
程式碼編輯:允許直接修改 AI 生成的程式碼,提升靈活性。
Figma Make 縮短了從設計到開發的時間,對於初創公司和開發者來說,這意味著更快驗證產品概念,降低開發成本。
4. Figma Buzz
更新時間:2025 年 5 月 7 日,公開測試階段
Figma Buzz 專為品牌資產管理設計,允許團隊快速創建和分享一致的品牌內容,僅限付費計劃的 AI 功能。
功能包括:
模板發布:從 Figma Design 複製設計並發布為團隊模板。
AI 品牌生成:自動生成符合品牌風格的圖形和內容。
大規模管理:支援品牌資產的大量製作和分發。
對於香港的市場推廣團隊和品牌設計師,Figma Buzz 提升了品牌一致性,節省了設計時間。
5. Grid
更新時間:2025 年 5 月 7 日,公開測試階段
Grid 是一個新的自動佈局選項,允許創建二維響應式佈局,僅限付費計劃的 Full Seat 用戶。
功能包括:
網格設計:支援行和列佈局,適用於畫廊、便當盒和網頁設計。
跨軌道延伸:元素可跨多列或多行,增加靈活性。
CSS 對齊:與 Dev Mode 的 CSS 網格對齊,簡化設計到開發的交接。
Grid 提升了香港網頁設計師的響應式設計效率,特別適合需要快速迭代的項目。
6. 計費模式更新與 Connected Projects
更新時間:2025 年 3 月 11 日生效
Figma 調整了計費模式,所有付費席位(Full、Dev、Collab)均包含 FigJam 和 Figma Slides 存取權。Connected Projects(預計 2025 年底推出)允許不同計劃間無縫協作,無需額外授權。
對於香港的自由工作者和代理商,這降低了協作成本,提升了跨團隊項目的效率。
實測 Figma Site
使用建議 (Tips):
善用 Figma Draw 的畫筆工具:嘗試自訂畫筆,快速創建獨特的品牌圖標或插圖。
快速啟動 Figma Sites:利用 50 個預設模板開始網站設計,節省時間,並在發布前使用即時 HTML 預覽檢查效果。
結合 Figma Make 和 Dev Mode:開發者可直接編輯 AI 生成的程式碼,確保設計與最終產品一致。
利用 Figma Buzz 統一品牌:將品牌資產集中管理,確保社交媒體內容和廣告一致。
測試 Grid 的響應式佈局:在設計網頁或應用程式介面時,使用 Grid 創建靈活的二維佈局,減少後期調整時間。
關注 Connected Projects:自由工作者可利用此功能與客戶協作,無需額外購買席位,節省成本。
Figma 在 2025 年的更新將設計、開發和品牌管理無縫整合,Figma Draw、Figma Sites、Figma Make 和 Figma Buzz 等功能為香港的設計師、開發者和中小企提供了強大工具。這些更新不僅提升了創意自由度,還簡化了從概念到產品化的流程。立即試用這些功能,解鎖更高效的設計體驗!