Figma 最近發布了 2025 年的新版本，提供了五個 “重磅” 更新，包括新的自動布局網格 Grid，專屬的 Figma 網站制作工具 Sites，品牌設計資產管理工具 Buzz，文生圖和交互的 AI 工具 Make，以及矢量繪圖模式 Draw。

有很多同學在問要會不會做對應的軟件教學更新，因為現在情況比較復雜，Make 沒上限，Sites 只能付費版本使用，所以會不會出視頻教學還要看情況。

先通過這篇分享來具體講解下這幾個功能的要點，以及分享大家最關心也最重要的，這些功能和 UI 設計師有什么關系？

更多分析：

一、Figma Gird 自動布局網格系統

基本功能介紹：

第一個更新 Figma Gird，是創建自動布局 Auto layout 后更新的一個下屬功能，需要在自動布局排列中選擇 Gird 模式啟用。

Grid 可以創建最大 12*12 的網格系統，啟用后下級的內容就可以根據網格進行排列，當自動布局編組本身進行尺寸的變更時，網格大小也會變化，而下級內容也會跟隨網格縮放。

這個功能本質上就是頁面柵格的移植版，當我們給 Frame 創建柵格 Columns 時，可以通過約束設置，來讓下級元素跟隨柵格進行適配。Grid 就是自動布局內的 Columns 快捷應用。

主要應用場景：

這個功能主要應用于類瓷片區或并列排版內容的組件，即一個大的矩形卡片里面包含若干下級矩形的組合（類似 Bento 設計）。通過 Grid 的應用可以更快速地進行內容的布局排列、排序、適配。

但它不能取代 Frame 中的 Columns 布局，Columns 用于實現全局的響應式設置，而 Grid 僅僅作用于單一組件內的布局。

功能價值分析：

Grid 使用場景很有限，只有 Bento 型的組件適用。橫豎最多 12 列的設置決定了可以排列的組合形式不多，稍微復雜的組件就不適用這樣的布局，所以需要設計師非常熟悉自己正在設計的組件。

同時，應用 Grid 就意味著下級模塊全部都要使用自動布局，要完成所有下級元素自適應的設置。如果沒有一直調整組件大小的場景，那就沒有必要使用它。

雖然這個功能的添加聊勝于無，但它基本上是本次更新中對 UI 設計師來說最實用的功能點。

二、Figma Sites 網頁設計模式

基本功能介紹：

Figma Sites 就是一個專門面向網頁設計并直接上線的新格式，相對于原有的設計模式而言，它增加了“斷點”的設置，即在不同頁面寬度區間應用不同布局的響應式原則，讓設計的網頁可以更接近真實上線的效果。

比如你們可以預覽官方的案例：https://remix-star-expand.figma.site

主要應用場景：

用于創建靜態的企業站、產品主頁、活動頁面，可以免除中間的前端開發和部署步驟，能比較靈活的完成頁面的發布、編輯、修改。

要進一步拓展的話，可以用它來做設計師個人作品集展示頁面，肯定遠比自己買服務器搭個網站來的有效率得多。

功能價值分析：

Sites 功能就是通過可視化操作來完成靜態頁面建站，只適用于靜態頁面的設計和上線，也就是里面內容不需要實時更新和后臺替換的。這功能在國外使用場景多，是因為國外官網的使用頻率依舊非常高，做新品牌還是外貿都需要搭建相應網站和頁面，而在國內市場則對官網的依賴則非常低。

另一點比較有局限性的，就是 Sites 發布也是在國外的服務器上，這就意味著不夠穩定。你們日常使用 Figma 出現的斷連，也必然會出現在發布的網頁上，所以面向國內市場比較專業、嚴肅的網頁，是絕對不建議用它來發布的（當然你們想給域名做個 CDN 加速和轉發也可以）。

最后一點，也是最嚴重的問題，那就是 Sites 功能是付費功能，不是教育版，是必須付費開通的 Pro 版本才能使用，Figma pro 版本月付的話 20 刀/月，年付的話 16 刀*12 月，所以使用成本大家自己斟酌。

三、Figma Buzz 品牌設計資產管理

基本功能介紹：

Figma Buzz 本質上就是一個批量出圖的工具，因為一個品牌運營、宣傳物料中，往往會使用一個底板輸出不同的設計，如果輸出兩三張還好，輸出數十上百張的話就會很麻煩。

所以 Buzz 就是讓設計師直接創建模板，然后批量編輯并管理這些素材的工具。

主要應用場景：

比較適合應用在國內電商市場，大家日常在淘寶、京東等官網看見的商品推薦位，通常都是使用相同的模式產出的。對于中小品牌來說，在不同渠道應用廣告圖就需要自己完成內容的設計，所以 Buzz 可以在一定程度上滿足這種要求。

還有就是一些品牌線下設計的物料，比如展會參照員工的工牌，上面要放頭像、姓名，或者產品介紹卡片、路牌標識、商品標牌等等，都可以用它做管理。

功能價值分析：

Buzz 的出現乍一看是希望設計師把 UI 以外的更多設計工作搬進 Figma 內，尤其是這些偏平面的工作。但仔細研究了下里面的功能，它實際上更接近可畫 Canvas 這種傻瓜式的出圖工具，可以吸引更多非設計從業者直接使用它和提供的模板輸出廣告圖，再發布到 Ins、Facebook、X、Linkin 等社交媒體。

所以它可以實現的功能比 Figma Design 還簡陋，屬于不使用自帶模板就基本做不下去的地步，稍微復雜的設計，尤其是國內花哨的運營設計，就肯定沒辦法用它來完成。

四、Figma Draw 矢量繪圖工具

基本功能介紹：

Figma Draw 是除了 Design、Dev 以外的第三個編輯模式，在創建 Design 后下方的工具欄內可以切換進入。

Draw 其實就是實現矢量手繪的工具，在原來只能使用鋼筆鼠繪的基礎上，增加了更豐富的繪圖工具支持，實現更手繪風格的繪圖圖形。

主要應用場景：

這個功能明擺著是面向數字繪畫準備的，比如 iPad 平板、數位板、可觸控筆記本等工具，就可以用 Figma 來繪圖，而不是只能選擇類似 Procreate 之類的工具。

它目前的功能很少，只適合完成一些基礎的手繪扁平插畫或圖形，用于搭配網站或 APP 進行使用。

功能價值分析：

Draw 能實現的插畫效果是有先天缺陷的，因為 Figma 是一個矢量工具，而不是位圖工具。矢量繪圖注定是有較大限制的，所以可以畫的東西只能是簡約、流行、扁平的風格，這也更貼合歐美互聯網方向插畫的應用方向。

在沒有進一步更新前，在國內設計需求中它只能完成一些最簡單的裝飾圖形，基本沒有對現有的工作流產生實質的影響。

五、Figma Make AI 生成工具

Figma Make 是直接使用 Prompt 生成 UI 界面和可交互操作的功能，目前沒有上線，只能看到官方提供的一些大餅。

這種界面生成的功能，并不新鮮，很多設計工具都有做過。而 Figma 自己做最大的優勢，就在于生成的結果可以直接進行改動，而不像 GPT 生成一個靜態圖片毫無用處。從長遠上來說，Make 必然會支持內建規范和組件庫的應用。

但是，不要把 Make 當成一個真正出圖的工具，它只適合生成一些小樣，為后續設計提供一些前置化的測試和樣例。尤其是在國內的設計環境中，不管是網頁還是 APP 和國外那種簡約（陋）的設計完全不是一種東西，是沒辦法指望靠 Make 生成出最終結果的。

具體使用效果只能等到上線再試，但大家不要對這個功能抱有過多的期待。

結尾

Figma 這次的更新，不再只是圍繞界面設計的功能做完善，而是進行各種跨界的拓展。說好聽點是功能更豐富更多元，說難聽點就是為了維持估值要編造新的故事了。

因為 UI 本身能做的功能就很少，類似動效這些經過市場驗證毫無商業價值和潛力的模塊，更是不會被重視，加上疫情過后遠程會議白板 Figjam 需求斷崖下跌，所以 Figma 只能想著跨界去侵占有潛力的市場。比如 Framer 的快速建站，Procreat 的繪圖，Canvas 的輕量設計，這和京東搞外賣的思路是一模一樣的。

但上一個大功能 Slides 上線那么久是個半成品，現在一口氣來那么多新功能你們以為能完善到哪里去？

所以作為 UI 設計師本身不用糾結于這次更新帶來了什么巨大的改變，還是對我們有什么重大的影響，只是 Figma 基于資本考量做出的一種戰略性的嘗試。

這就是我對本次 Figma 更新的相關看法，少關注點軟件，多關注點項目和作品集輸出。

歡迎關注作者的微信公眾號：「超人的電話亭」