本日設計情報|2026/11/06:Webflow Campaigns 一份 brief 出一頁、Gemini Omni 1.2 Flash 影片拉到 15 秒、Claude 唯讀串接銀行帳戶

Webflow Campaigns 以 DESIGN.md 量產頁面、Gemini Omni 1.2 Flash 影片拉到 15 秒且降價 30%、Claude 推出唯讀的 Personal Finance,另含 Good Design New Hope 賞與 LLM 聊天介面無障礙。

Webflow Campaigns 內測文章封面

今天的主軸落在工具怎麼和 agent 一起工作。Webflow 讓 Campaigns 讀一份 DESIGN.md 就能量產頁面,Google 把影片模型的單價與長度同時往好用的方向推,Claude 則把「唯讀、不賣東西」的承諾做成產品本體。另外還有一個圖示的小改版、日本新人設計獎的 1,060 件應徵,以及一份寫給聊天介面的無障礙清單。

今天 · 6 則
01
Webflow 拿自家行銷團隊當 Campaigns 第一位客戶:一份 brief 變一頁 landing page
02
Gemini Omni 1.2 Flash 把影片拉到 15 秒、單價砍 30%,Google Vids 每月免費三支
03
Claude 推出 Personal Finance:唯讀串接銀行帳戶,承諾無廣告
04
Phone by Google 246 beta 換上漸層圖示,Google 家族繼續統一
05
2026 Good Design New Hope 賞公布:1,060 件應徵創新高,9 件優秀賞進決選
06
Smashing:全螢幕 LLM 聊天介面的無障礙,從 live region 開始
01 / 06 · 🎨 設計軟體新功能

🔥 Webflow 拿自家行銷團隊當 Campaigns 第一位客戶:一份 brief 變一頁 landing page

Webflow Campaigns 內測文章封面

Webflow 發文公開行銷團隊內測 Campaigns 的三種用法。Campaigns 吃一份 brief 加品牌範例,產出符合品牌語氣、可直接上線的 landing page 與配套廣告。付費搜尋那組最直觀:七個廣告群組各配一頁,每頁的版面區塊都隨關鍵字意圖變化,各有自己的網址、訊息、客戶證言與影片。負責的人把關鍵字報表交給 Claude 寫文案,再透過 Webflow MCP server 在 Campaigns 建模板,之後新增一個廣告群組頁面約 30 分鐘。

第二個案例是活動頁。團隊給 Campaigns 一個 webflow.com 網址,它從線上網站的視覺與元件反推出設計系統,存成 DESIGN.md,一份給 AI agent 讀的純文字參考,之後每一頁都從這份檔案出發。講者場次當天早上發布,結尾秀 QR code,幾分鐘內進來 80 筆潛在名單。第三個案例是替每個目標客戶自動產一頁專屬 landing page,由行銷營運同事串成自動化流程。

設計師可以抓的重點在 DESIGN.md。品牌規範的讀者正在換人,過去是給人看的 PDF,現在多一份給 agent 讀的檔案,誰維護它,誰就決定自動生成的頁面長什麼樣。另外值得學的是核准流程:每週成效備忘錄會建議改一句文案,經人核准才寫回 Campaigns,核准權留在人手上。

閱讀原文 →

COURSE · 線上課程Framer 網站設計課看課程 →
02 / 06 · 🤖 AI 設計工具

Gemini Omni 1.2 Flash 把影片拉到 15 秒、單價砍 30%,Google Vids 每月免費三支

Gemini Omni 1.2 Flash

Google 推出 Gemini Omni 1.2 Flash,原生支援 3 到 15 秒的影片生成與編輯,可以一秒為單位指定長度(1.1 版上限 10 秒)。720p 每秒 0.07 美元,比 1.1 低 30%,Gemini API 與企業版正式可用。你可以丟角色、商品或風格參考圖、最長三秒的動態片段與音訊提示,再用多輪對話修改:換商品、換背景、改光線天氣、換長寬比,不必整支重生。

官方示範用一張模特兒照片加三套服裝正反面,產出 15 秒虛擬試穿,臉部、衣物剪裁、包裝字體與品牌色在視角轉換中維持一致。Google Vids 也同步改用這個模型,任何 Google 帳號每月可免費生成三支 15 秒影片。

對設計師來說,變的是工作流。官方建議先用 360p 或 720p 快速打稿,用追問修掉一個細節,最後才把最好的那支升到 1080p 或 4K。成本控制變成流程設計的一部分:你得決定哪一版值得放大。字體、材質與 logo 在整段中不漂移,則是品牌廣告敢不敢用的關鍵。

閱讀原文 →

AI 覺醒 · 訂閱制AI 覺醒設計應用攻略了解訂閱 →
03 / 06 · 💻 設計科技產業

Claude 推出 Personal Finance:唯讀串接銀行帳戶,承諾無廣告

Claude Personal Finance

Anthropic 週四宣布 Claude 新增 Personal Finance 工具,使用者透過 Plaid 連結銀行與信用卡帳戶,用日常語言詢問餘額、交易與支出。存取權限為唯讀,不能轉帳、管理或投資。Anthropic 表示它和 Claude 其他功能一樣沒有廣告或贊助推薦,也不推銷信用卡、貸款或儲蓄產品。TechCrunch 指出,OpenAI 的 ChatGPT 在 5 月就推過類似功能,Claude 算是追趕。

產品還承諾遇到使用者不熟的金融名詞時,會用白話解釋。這幾條承諾放在一起,等於替整個體驗定了語氣:不評斷你的消費,不賣東西,不讓你看不懂。

這類產品最難設計的是信任。唯讀、不賣東西、解釋名詞,三件事都得落到介面文案與權限畫面上,才算數。做金融、健康這類敏感介面時,權限範圍與「我們不做什麼」的聲明,放在連結帳戶那一步,比藏進條款頁有用得多。

閱讀原文 →

COURSE · 線上課程Claude 能幫你做的 100 件事看課程 →
04 / 06 · 📐 UI/UX 趨勢

Phone by Google 246 beta 換上漸層圖示,Google 家族繼續統一

Phone by Google 新舊圖示對照

9to5Google 報導,Phone by Google 246 beta 帶來重新繪製的圖示:話筒略微放大,聽筒與麥克風端改用漸層,深藍色整個拿掉,整體看起來更扁平輕盈。Google 說新圖示「更銳利、更清楚」,並調整了配色、間距與漸層,讓它和其他 Google 工具看起來一致。本週稍早 Messages 才換過,這次屬於同一波。

這個版本除了圖示沒有其他更動,穩定版預計幾週內推出。

這種改版很適合拿來上 icon system 的課。輪廓保持不變,使用者不必重新認一次,換掉的是材質語言:漸層取代深色塊,用色收斂到同一組。做產品家族的 icon,可以先鎖輪廓,再統一色彩與漸層規則,風險最低,統一感卻很明顯。

閱讀原文 →

COURSE · 線上課程Illustrator 攻略看課程 →
05 / 06 · 🗓️ 設計展會與產業

2026 Good Design New Hope 賞公布:1,060 件應徵創新高,9 件優秀賞進決選

Good Design New Hope 賞

日本デザイン振興會公布第五屆「Good Design New Hope 賞」結果:應徵件數 1,060 件創歷屆新高,12 位審查委員選出 146 件得獎,其中 9 件優秀賞將在 12 月 12 日進行最終簡報審查。獎項對象是專修學校、大學、研究所學生與畢業不久的年輕創作者,分「物」「場」「資訊」「機制」四個類別。

優秀賞作品包括:用球的移動教小孩平假名筆順的玩具「ひらがなび」、把除濕機結露現象本身做成表現的「inner scape」、用機器控制水滴當成「會動的鏡片」的「Living Lens」,以及用廢昆布與雞蛋交換、做地方循環的「卵コミュニケーション」。

這批作品的共通點,是把身邊現象重新看一遍:工地變成恐龍的棲地、結露變成造形、昆蟲消化變成茶。審查標準除了社會實裝的成果,也明講要挖掘新的發想,對正在整理作品集的人來說,這是很具體的方向。

閱讀原文 →

COURSE · 線上課程Figma 全攻略看課程 →
06 / 06 · 📐 UI/UX 趨勢

Smashing:全螢幕 LLM 聊天介面的無障礙,從 live region 開始

Smashing Magazine 文章封面

Eric Bailey 在 Smashing 分享他協助多個沉浸式 LLM 聊天產品改善無障礙的經驗,對象是 Claude、ChatGPT、Copilot、Gemini 這類全螢幕對話介面。核心問題很具體:看得見的人會看到回覆跳出來,使用螢幕閱讀器的人卻不知道有新內容出現。

他的起手式是 live region,讓使用者不必把焦點移出輸入框,就能聽到模型的回覆,等同於看得見的人抬眼瞄一下螢幕。他特別提醒一個常見地雷:不要在每一則回覆訊息上加 aria-live,改用放在 DOM 尾端的專用 live region 區域,統一播報所有訊息,行為更穩定。

文中也提到「視覺偏見」:我們做出來的東西,會不自覺反映高度視覺化的文化。以 WCAG 的角度看,聊天介面並沒有特別之處,它仍是用網頁技術做的互動體驗,既有的標準全都適用。生成式介面越多,這份清單越常派上用場。

閱讀原文 →

COURSE · 線上課程Figma 全攻略看課程 →
今日一句話重點
01
Campaigns 從網站反推出 DESIGN.md,品牌規範多了一位 agent 讀者。
02
Gemini Omni 1.2 Flash 影片到 15 秒、降價 30%,先低解析度打稿再放大。
03
Claude Personal Finance 唯讀、無廣告,信任感靠介面把承諾講清楚。
04
Phone by Google 輪廓不變、改用漸層,是統一圖示家族的低風險做法。
05
New Hope 賞 1,060 件應徵,優秀賞作品都在重看身邊的現象。
06
聊天介面的回覆要用專用 live region 播報,不要每則訊息都加 aria-live。
SUBSCRIPTION · AI 覺醒設計應用攻略
每週把最新 AI 設計工具,拆成你能用的工作流
✦ AI 工具實測與工作流分享
✦ 設計師角度的 Prompt 技巧
✦ 每週精選 AI × 設計新知
了解訂閱方案 →