本日設計情報|2026/07/15:Canva Code 2.0 上線,蘋果重追一整塊玻璃的野望

Canva Code 2.0、Framer CMS 3.1、Claude Cowork 上手機、蘋果的玻璃野望,還有 32 位設計主管對「加速」的共同答案。

Canva Code 2.0 產品介面示意圖

這幾天國外設計圈的更新都在講一件事:介面正在退到背景,做事的邏輯被搬到最前面。Canva 把整個網站建置流程收進聊天框和視覺編輯器裡,Framer 讓 CMS 資料表自己長出新的一列,Anthropic 把 Claude 的工作能力從桌面延伸進口袋。蘋果那邊反過來,把二十年前「一整塊玻璃」的野望重新搬上設計語言的檯面。串起來看,今天是工具在替你決定之前,先把你原本要花時間找的入口全部拆掉的一天。

今天 · 5 則
01
Canva Code 2.0 上線:聊天框生網站,Canva Editor 直接改
02
Framer CMS 3.1:資料表自己長出新的一列,Agent 開始讀懂你的內容
03
Claude Cowork 走出桌面:手機也能盯進度、批決策
04
Apple 用二十週年 iPhone,重新追一塊「整片玻璃」的野望
05
32 位設計主管的共同答案:AI 沒有讓「想」變快
01 / 05 · 🎨 設計軟體新功能

🔥 Canva Code 2.0 上線:聊天框生網站,Canva Editor 直接改

Canva Code 2.0 產品介面示意圖

Canva 一直是「不用學」的代名詞,這次把 AI 生成網站、HTML 匯入、即時協作全部塞進同一個介面,等於把 Framer、Webflow 過去主打的視覺化建站也收進自己的地盤。使用者可以從一句提示開始,也可以套五十多種範本,或直接匯入其他平台的 HTML,接著在熟悉的 Canva Editor 裡手動微調,或繼續用 AI 下指令修改。

對設計師來說,這次更新真正影響的是客戶端提案的門檻又降低一層。當客戶自己就能用 Canva 兜出一個堪用的網站,設計師要證明的價值,得往「這個版面為什麼要這樣安排」的判斷力移動,光靠會操作工具已經站不住腳。

閱讀原文 →

COURSE · 線上課程Canva 攻略看課程 →
02 / 05 · 🎨 設計軟體新功能

Framer CMS 3.1:資料表自己長出新的一列,Agent 開始讀懂你的內容

Framer CMS 3.1 資料表介面截圖

這次更新看起來只是個小功能——資料表最後永遠留一列空白,填完欄位按 Enter 就自動生出下一列——但解決的是內容團隊天天在忍的痛:每次建立分類、標籤這種簡單欄位,都要多點兩下「新增」。

更值得留意的是 Agent 也拿到「讀取 CMS 資料列作為上下文」的能力,代表 Framer 的 AI 助手以後給的建議,會知道你資料庫裡實際放了什麼內容,不再是憑空生成的通用答案。連帶這次也修了格式化文字欄位的穩定性、加強 CSV 匯出,都是內容維運會直接感受到的細節。

閱讀原文 →

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

Claude Cowork 走出桌面:手機也能盯進度、批決策

Claude 品牌識別圖示

Claude Cowork 從桌面走進手機和瀏覽器,代表 Anthropic 把「開始一個任務、讓它在背景跑、只在需要判斷時把你叫回來」這套工作模式,鋪到了你隨身帶著的裝置上。任務可以在桌面啟動,用手機追進度,跨裝置接續完成;排程好的工作即使沒人盯著也會照跑,例如固定時間整理信箱和新聞做成簡報。遇到需要人判斷的節點,通知會立刻推播,最終輸出的核准權仍留在使用者手上。

目前先開放 Max 方案,之後才會擴大。設計師如果拿 AI 做排版變體、資產命名、多版本輸出這類重複性工作,這種「盯進度不用守在電腦前」的模式,能直接省下大把乾等的時間。

閱讀原文 →

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

Apple 用二十週年 iPhone,重新追一塊「整片玻璃」的野望

iPhone 20 週年概念設計渲染圖

Jony Ive 當年想要的「一整塊玻璃」,蘋果現在用四邊等弧曲面螢幕消除邊框的存在感、把 Face ID 和前鏡頭都藏到螢幕底下、機身重新用回玻璃材質,一步步逼近。報導也提到這塊玻璃機身的工藝標準,會比照早期 Apple 產品的水準重新校準。

這篇報導提醒了一件事:Liquid Glass 這套軟體視覺語言,其實是先幫這塊即將登場的曲面玻璃機身,把介面該有的光影和邊界準備好。硬體和介面設計互相校準這件事,蘋果做起來比誰都篤定——設計系統要先長在最終載體上,才會知道邊界該留多少、光影該怎麼收。

閱讀原文 →

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

32 位設計主管的共同答案:AI 沒有讓「想」變快

工作坊桌上的計時器,背景是討論中的團隊

32 位設計主管被問到「被要求加速時怎麼辦」,答案幾乎都繞著同一件事:AI 讓生成變快了,但沒有讓思考變快。文章裡一位設計主管講得很直白——縮短產出時間是最簡單的部分,真正難的是替「這個決定不能被壓縮」辯護到底。

這對每天被追進度的設計師是個提醒。面對「AI 都幫你出圖了,怎麼還要這麼久」的質疑,答案得把「哪一段是思考、哪一段是產出」講清楚,讓不做設計的人也能分清楚兩者的差別在哪,不必急著證明自己夠快。

閱讀原文 →

COURSE · 線上課程Figma 全攻略看課程 →
今日一句話重點
01
Canva Code 2.0 把生成網站、HTML 匯入、即時協作全塞進同一個編輯器,建站工具版圖又擴大一圈。
02
Framer CMS 3.1 讓資料表自動長出新列,Agent 也開始讀得懂你的內容當上下文。
03
Claude Cowork 開始支援手機與網頁,任務背景跑、決策才叫你回來。
04
Apple 用四邊曲面螢幕和玻璃機身,一步步兌現「一整塊玻璃」的二十年野望。
05
32 位設計主管的共識:AI 加速了生成,沒加速思考,這才是要保護的部分。
SUBSCRIPTION · AI 覺醒設計應用攻略
每週把最新 AI 設計工具,拆成你能用的工作流
✦ AI 工具實測與工作流分享
✦ 設計師角度的 Prompt 技巧
✦ 每週精選 AI × 設計新知
了解訂閱方案 →