📰 本日設計情報|2026/06/18:Framer 3.0 把 AI Agent 搬上畫布、KFC 用一個炸雞桶重做整個品牌
AI 搬進設計師本來就在用的工具裡,但決定作品好壞的還是那些 Agent 搬不走的手藝:品牌、字體、資訊架構。
📰 本日設計情報|2026/06/18
「AI 會不會取代設計師」這個問題,這幾天的設計圈用行動給了註解:AI 正在搬進你本來就在用的工具裡。Framer 把 Agent 直接放上畫布,讓它在你真實的專案裡改頁面、接 CMS、開分支,而不是另開一個只會吐 mockup 的分身。
但把鏡頭拉遠,決定作品好壞的,仍然是那些 Agent 搬不走的手藝——KFC 怎麼用一個炸雞桶把整個品牌重講一次、一批新字體的細節值不值得你換掉手上那支、以及 NN/g 提醒的:資訊得先被架構好,人和 AI 才都讀得懂。
以下是這幾天最值得設計師關注的 4 則消息。

🔥 Framer 3.0:AI Agent 正式搬上畫布,還能像工程師那樣開分支
Framer 6/16 丟出 3.0,當天直接登上 Product Hunt 第一。重點一句話就能記住:Agent 從「旁邊那個聊天框」,搬進了畫布本身。
過去那種 AI 設計工具,多半是另開一個視窗幫你生一張 mockup,生完還得自己搬回專案。Framer 的 Agent 走的是另一條路——它在你真正的網站裡動手,能設計整頁、拉 breakpoint、做元件、接 CMS、改 SEO 設定,連發佈流程都能碰。等於把「AI 出個草稿」升級成「AI 在你的正式檔案裡跟你一起做」。
更聰明的是 Branching。怕 Agent 把線上網站改壞?開一條分支讓它在裡面盡情改,你 review 完、比對完版本,滿意才 merge 回主線。這套「先在沙盒玩、確認再上線」的工程思維,正是讓 AI 能真的用在正式專案、而非只能跑 demo 的關鍵。
對設計師的工作流,這代表 AI 開始接手「把想法變成可動網站」的粗活,你能把時間留給判斷與細修。但 Agent 生出來的版面要不要、好不好,最後拍板的還是你的設計判斷——那才是你真正的籌碼。
📖 延伸學習

KFC 用一個炸雞桶,把整個品牌重做了一遍——歡迎進入「Bucketverse」
操刀的是 JKR(做過 Burger King 那次經典回歸的同一家)。這次 KFC 的全球重塑,核心不在換 logo 配色,而是把那個紅白條紋的炸雞桶,升級成整個品牌的主角。
幾個設計師會想細看的點:logo 變成 3D 立體、上校的表情被調得更溫暖;最妙的是 KFC 那個「C」,現在彎成了一支雞腿的形狀。字體也全部重畫,找來 StudioDRAMA 和 lettering 藝術家 Tobias Hall,做出 Kentucky Fried Serif 跟 Kentucky Fried Sans 兩套,從招牌字母的 lettermark 長出來。桶子本身被重新繪製、全球統一規格,之後能裝食物攝影、插畫、活動標語——成了一個能裝內容的視覺容器。
這是一次標準的「icon 變 system」示範:把品牌最被記得的單一資產,放大成一整套能延展的設計語言。先在英國、愛爾蘭上線,再到澳洲、美國,最後鋪到 150 多國、3.4 萬間店。
對設計師的工作流,這是一份現成的 case study:當客戶問「我們的品牌記憶點是什麼」,KFC 給的答案是「找出那個大家閉著眼睛都認得的東西,然後把它做成系統」。值得收進你的提案軍火庫。

這週設計圈在換字體——從 Dalton Maag 到 ECAL,一批新字一次上架
如果你最近在挑 display 字體,這週剛好是補貨潮。Creative Boom 整理了 6 月最值得看的一批新字,幾個老牌 foundry 同時出手:Dalton Maag(做過 Ubuntu、Nokia 字體的那家)6/15 發了 Keo、Apex 出了 Oratorio、ECAL 在 6/16 推出 Faisan。
風格各走極端。Curo 是一套五款一次買齊的家族,大 x-height、緊收的字腔,放大當標題、包裝、海報時特別有力;Sahila Stencil 則把鏤空字玩到反過來——一般 stencil 是切掉筆畫,它用極端對比讓細的部分自己「消失」,像被時間磨掉一樣,還做了 10 個 style 加變體字。
字體是設計裡最容易被低估、卻最決定氣質的一層。同一個版面換一支字,質感可以差一個檔次,而這恰好是 AI 自動生成最難拿捏的細節——它能生圖,但選字、配字、調字距這種事,還是得靠你的眼睛。
對設計師的工作流,這代表:與其每次都套 Helvetica、Inter,不如固定每個月花十分鐘逛一次新字,養出自己的字體 swipe file。下次提案需要一個「對的氣質」時,你會慶幸自己存過。

NN/g:AI 時代,資訊架構沒過時,它只是換了個名字叫「Context Architecture」
收尾留給願意讀到底的人。NN/g 6/12 發了一篇講「Context Architecture」——把我們做 IA(資訊架構)那套原則,搬去整理要餵給 AI 的內容。
論點是這樣:大家從「寫 prompt」一路演進到「安排 context」(Shopify 的 Tobi Lütke 把它叫 context engineering),因為光靠一句 prompt 不夠,真正的工作變成怎麼把資訊、skill、工具有條理地組織給 agent 用。而「組織資訊讓人讀得懂」,本來就是 IA 設計師幹了二十年的事。
當大家在搶著學 prompt 技巧時,一個老技能突然變得很值錢:把混亂的資訊整理成清楚的結構。AI 讀不懂亂七八糟的資料,就像使用者找不到藏在三層選單裡的功能一樣。
對設計師的工作流,這代表:別急著焦慮自己不會寫 prompt。你會的資訊架構、內容分類、命名規則——這些「讓東西好找好懂」的基本功,正是 AI agent 時代最稀缺的能力。把它磨利,比追新工具更划算。
📖 延伸學習