📰 本日設計情報|2026/06/24:Figma 擴充一框抄版面、Framer agent 進畫布、Config 史上最 AI 一屆

Figma 一框把網頁抄成可編輯圖層、Framer agent 進畫布、Google 吃影片吐主視覺、Config 史上最 AI 一屆,加一份戳破設計圈現況的大調查。

Figma Config 2026 開幕主視覺

📰 本日設計情報|2026/06/24

設計工具這週像在比賽同一件事:誰能把「外面的世界」搬進你的檔案裡。Figma 的 Chrome 擴充讓你框一個網頁就變成可編輯圖層,Framer 把會自己幹活的 agent 請進畫布,Google 則讓你丟一支影片就生出整套主視覺。而這一切的背景音,是 Figma Config 今天在舊金山開幕——史上最 AI 的一屆。當搬運、生成、填充都被工具接走,一份剛出爐的大型調查丟給設計師一個清醒的數字:工具箱從三個膨脹到七個,但真正稀缺的,還是決定哪個版本能用的那雙眼睛。

以下是最近最值得關注的 5 則消息。


🎨 設計軟體新功能
Figma

🔥 Figma 出 Chrome 擴充:看到喜歡的網頁,框一下就變成可編輯圖層

抄參考一直是設計師的灰色工序——看到一個漂亮的 landing page,你能做的通常是截圖丟進 Figma,然後對著一張死圖硬刻。Figma 六月給 Chrome 擴充補上一個更直接的解法:你在瀏覽器上框一個區塊、或整頁,貼進 Figma 就變成一層層拆好的可編輯圖層,文字是文字、區塊是區塊,不用 coding agent 也不用重畫。

它現在還在 beta、只開付費方案,但方向很明確——官方說「用你的設計系統重新生成抓回來的版面」快要上線。等於你抓一個競品頁面回來,未來能直接套成自家 token 的樣子。

對設計師的工作流,這代表「找參考 → 重建」那段苦工被砍掉一半。但要提醒的是,把別人的版面抓回來只是起點,哪些值得留、哪些要照自家系統改寫,仍然是你的判斷。Figma 幫你把磚搬到工地,怎麼蓋還是你的事。

閱讀原文 — Figma Release Notes →


🤖 AI 設計工具
Framer

Framer 一次推三個更新:Agent 進畫布、Branching 讓你安心試錯

Framer 這個月一口氣端出三件事,最值得設計師看的是 Agent 正式進到畫布上。你可以叫它在網站裡直接設計、寫文案、分析數據、整理頁面結構,還能接上 Claude Code 或 Codex 這類外部 AI 一起幹活——把「開另一個 AI 視窗、複製貼上」那段省掉。

另一個低調但很實用的是 Branching:跟工程師用 Git 開分支一樣,你可以在不動到正式站的前提下試一個大改版,覺得對了再合併發佈。接商業案、改一改怕翻車的人,這是一張安全網。

對設計師的工作流,這代表 Framer 從「把設計搬上線的工具」長成「一個會幫你動手的協作環境」。Agent 接走的是排版、搬資料這些重複動作,留給你的是網站要傳達什麼、節奏怎麼安排——那一塊它還接不走。

閱讀原文 — Framer Updates →


🤖 AI 設計工具
Google Gemini

Google 新招:丟一支影片進去,直接長出縮圖、海報和資訊圖

圖像生成玩到現在,prompt 跟參考圖都不稀奇了,Google 在 Gemini 的出圖模型上加了一個有意思的輸入——影片。你可以丟一支影片(直接上傳,或貼一條 YouTube 連結),讓模型把整支片當成上下文,生出對得上內容的縮圖、電影海報感的主視覺、或一張把重點濃縮起來的資訊圖。

以前你要做一支影片的縮圖,得自己回去翻畫面、截圖、再修。現在模型把「看完整支片、抓出代表性畫面、長成一張圖」這段包起來了。對常做 YouTube、社群短影音的人,這是省掉一道重工的工具。

對設計師的工作流,這代表「從影片到主視覺」的距離被壓短。但模型給你的是素材,不是成品——構圖好不好、有沒有抓到那支片真正的味道,還是要你判斷。把它當一個很快的草稿產生器,後面的篩選跟修飾,才是你值錢的地方。

閱讀原文 — Gemini API Release Notes →


💼 設計產業動態
Figma Config 2026

Figma Config 2026 今天開幕:史上最 AI 的一屆

Figma 一年一度的 Config 今天(6/23–25)在舊金山 Moscone 登場,實體票早就賣光,線上免費。今年的議程一面倒地壓在 AI——design agent、Figma Make、AI 工作流的場次幾乎佔滿,官方自己也說這是 Config 史上最 AI 的一屆。創辦人 Dylan Field 的 keynote 排在 6/24,外界普遍預期會把 design agent 和 Make 這兩條線講清楚,補上跟程式碼庫、設計系統更深的整合。

Config 對設計師的意義,從來不只是看 Figma 發什麼新功能,而是看這家定義了一整個世代工作方式的公司,怎麼判斷下一步往哪走。今年它把賭注幾乎全押在 agent 上,這個訊號本身就值得留意。

對你的工作流,這代表接下來半年 Figma 的更新方向大致定調了:工具會愈來愈像一個會自己動手的協作者。先看懂它要把哪些活接走,你才知道自己該把力氣留在哪。keynote 當天會在 YouTube 直播,值得排進行事曆。

閱讀原文 — Figma Config 2026 →


📐 UI/UX 趨勢
AI in Design Report 2026

一份調查戳破設計圈現況:工具箱從 3 個變 7 個,Claude 反超 ChatGPT

Designer Fund 和 Foundation Capital 找了 60 多國、900 多位設計師做的《AI in Design Report 2026》出爐,幾個數字很值得對照自己:每週至少用一次 AI 的設計師,從去年的 54% 跳到 91%,每天用的有 75%。平均每個人手上的工具,從三個膨脹到七個——但近一半的人說,還沒找到那個「就是它了」的主力工具。

最戲劇性的反轉在通用 AI:去年 ChatGPT 以 88% 一家獨大,今年掉到 65%;Claude 從 52% 衝到 78%,正式變成設計師用最多的那一個。而 Figma 雖然還是最多人用的設計工具,角色卻變了——很多人拿它當「手術刀」,先在別處用 AI 把方向跑出來,再切回 Figma 做高精度收尾,調那些 AI 收不漂亮的圓角跟間距。

對設計師的工作流,這份報告其實在講同一件事:工具會一直變多、一直換,沒有誰能一勞永逸。真正穩定的,是你在這堆工具之間做選擇、做收尾的判斷力。AI 把「生」變便宜了,但「挑」跟「修」,還是你的基本功在撐。

閱讀原文 — AI in Design Report 2026 →


AI 設計覺醒

訂閱制

AI 設計覺醒|RAR 設計攻略訂閱方案

✦ AI 工具實測與工作流分享

✦ 設計師角度的 Prompt 技巧

✦ 每週精選 AI × 設計新知

了解訂閱方案 →