Figma 設計 agent 開放網路搜尋:AI 排版終於抓得到真實內容,不再填假字

設計 agent 過去在密閉房間裡排版,材料只有它記得的那些。6/18 起它能上網搜尋——抓即時脈絡、讀官方原文、填真實內容。補上的這一塊,是「查證」。

Figma 設計 agent 執行 Web Fetch 抓取 Apple HIG 比對設計
RELEASE NOTES · FIGMA
Search the web in the Figma design agent
Jun 18, 2026 · Figma / AI / Design

設計師都認得 placeholder 那種空。

AI 幫你生一個產品頁,版面排得乾淨漂亮,標題卻寫著 Lorem ipsum,價格是隨手編的 $99,三則評論掛在三個叫 John Doe 的假人名下。畫面是真的,內容全是空的,你還是得回頭把每一格換成現實裡的東西。

設計 agent 一直卡在一個更深的天花板上:它會生成,但它不知道窗外的世界現在長什麼樣。它腦中的設計參考停在訓練資料的某一天,不知道你的競品這週改了什麼介面,也不知道某個產業此刻公認的最佳實踐是哪一套。它在一個密閉房間裡幫你排版,材料只有它記得的那些。

6 月 18 日,Figma 把那扇窗打開了。設計 agent 現在能上網搜尋——直接在你的檔案裡拉進即時網路脈絡、查最佳實踐、用真實世界的內容填進設計,過程不離開 Figma。

UPDATE · 網路搜尋讓 agent 多了三件事
A
拉即時脈絡
把當下的網路資訊抓進檔案——產業現況、競品做法、規範文件,agent 的判斷依據從「它記得的」變成「現在真實存在的」。
B
查最佳實踐
設計前先讓 agent 去找該情境公認的做法或官方準則,再動手排版。它能把設計對照一份外部的事實來源,而非憑記憶硬畫。
C
填真實內容
用真實世界的內容取代 placeholder,畫面從一開始就接近成品,不再是一堆假字假圖等你回頭替換。
Figma 設計 agent 執行 Web Fetch,抓取 Apple Human Interface Guidelines 並比對設計
agent 抓進 Apple HIG,當場把設計逐項對照規範——這是過去它做不到的:對著一份外部事實檢查自己

兩個入口,一句話就打開

開啟的方式刻意做得很輕。

第一種,直接在 agent 的對話框裡打「search the web」,它就會去查。第二種,在輸入框旁的加號選單裡把 web search 切開,之後的對話預設都帶網路能力。你不需要學新介面,也不用切到別的工具,搜尋這件事被縫進你本來就在用的那個對話流裡。

權限這邊分兩層。Organization 與 Enterprise 方案的管理員,可以在設定裡控管整個組織能不能用網路搜尋;組織層級預設是開的,但每個使用者還是得自己在對話裡把它打開一次才會生效。換句話說,公司把門留著開,最後那一下由你自己按。

Figma 設計 agent 的進入點,畫布上彈出 Intelligent by design 提示卡
agent 的進入點就在側邊欄——從一個 prompt 或畫布上任何東西開始,現在它還能順手上網查一手資料

補上的這一塊,是「查證」

生成式工具的弱點從來不在畫面。它排得出乾淨漂亮的版型,問題出在來源——它畫的那些內容,沒人知道根據什麼。

封面那張圖示範得很清楚。使用者丟給 agent 一句話:把這個 app 拿去對 Apple 的 Human Interface Guidelines 檢查一下,附上規範網址。agent 沒有靠記憶回答,而是當場 Web Fetch 那份 HIG 文件,讀完之後回了一份稽核:哪幾處對比度不合格、哪些 text-white 標籤在 60% 透明度下會出問題、哪裡偏離了官方準則。它不是在「猜 Apple 大概怎麼規定」,是在讀 Apple 此刻真正寫著的那一頁。

這個差別比它看起來大。一個只會生成的 agent,本質上是在用過時的記憶幫你做決定——它的設計知識凍結在某個時間點,而設計這個行業每週都在變。能上網之後,它多了一個動作:在排版或給建議之前,先去外面確認一次。你的 design system 文件、競品的最新介面、某個無障礙規範的官方頁面,都能變成它當下判斷的依據。

對日常工作的影響很具體。做提案要參考某個產業的主流版型,過去你得自己開十個分頁截圖整理,現在可以讓 agent 去查、抓重點、直接反映進草稿。要確認一個設計符不符合某份規範,不必再憑印象,讓它讀原文逐條對。placeholder 那種「先放著之後再換」的中間態,被往前壓縮了一大截。

UPDATE · 同一個 agent,開窗前後
沒有網路搜尋
參考停在訓練資料那一天
內容填 placeholder 假字
規範靠記憶猜
競品現況不知道
開了網路搜尋
抓即時網路脈絡
填真實世界內容
讀官方原文逐條對
能查到當下的最佳實踐

agent 從「會畫」走向「會查」

把這條更新放回 Figma 這一年的方向看,它補的是 agent 化最關鍵的一環。

過去一年 Figma 把 agent 鋪進產品的每個角落——Make 裡用 prompt 生介面、Design 裡用 agent 改稿、MCP server 把設計脈絡接給外部模型。這些都讓 agent 更會「做」。但一個只會做、出不了門的 agent,能力有上限:它再聰明,也只能在你給它的那點材料和它記得的那些知識裡打轉。能上網,等於給它一雙手,伸得到畫布以外的世界。

這也呼應一個更大的趨勢。AI 工具這一波的分水嶺,正在從「模型多會生成」轉到「agent 能不能接觸真實、即時、可查證的資訊」。一個會查的 agent,犯錯時你能追到它讀了哪份文件;一個只會背的 agent,你只能信或不信。對設計這種每天要對齊規範、對齊品牌、對齊競品現況的工作,可查證這件事的份量,會越來越重。

管理員那層權限設計也透露了同一件事。Figma 把網路搜尋當成需要組織層級控管的能力來對待——預設開、但留下關得掉的開關——這說明他們把 agent 上網看成一件有份量、需要治理的事,而非順手加的小功能。

下次再讓 agent 幫你生一版設計,試著先丟它一句「先上網查一下這個情境的主流做法」,再讓它動手。你會發現它給的東西,從一份它憑空想像的草稿,變成一份接著現實的草稿。

工具能上網查證的那一刻,設計師的角色也跟著挪了一點:你越來越像在指揮一個會自己找資料的助手,而非親手把每格內容補滿。怎麼問、要它去查什麼、怎麼判斷它查回來的東西可不可信——這些,正在變成新的基本功。

KEY POINTS
  • — 6/18 上線:Figma 設計 agent 能上網搜尋,拉即時脈絡、查最佳實踐、填真實內容,全程不離開檔案
  • — 兩個入口:對話打「search the web」,或在加號選單把 web search 切開
  • — 權限分兩層:Org/Enterprise 管理員在設定控管,組織預設開,但使用者要自己在對話再開一次
  • — 意義在「查證」:agent 從憑記憶生成,變成能對著官方原文與即時資訊檢查自己
COURSE · 把基本功一次練扎實

Figma 全攻略

agent 會查資料,前提是你會問、看得懂它查回來什麼。這需要你對 Figma 與設計邏輯夠熟——知道 component、variables、design system 該怎麼設計,才指揮得動它。從底層邏輯到實戰,把 Figma 練到能用它思考。

了解課程內容 →
SUBSCRIPTION · AI 時代的設計師訂閱方案

AI 覺醒設計應用攻略

每週深度拆解 AI 設計工具實戰——從 Figma Make、agent、design system 到 ChatGPT Images、Claude 在設計流程的應用。把這些工具串成你個人的設計工作流。

了解訂閱方案 →