✏️ 設計脈動日報 - 第 043 期 (2026-05-13)

焦點設計導讀

1. AI 產品中「空狀態」的消亡（The death of the empty state in AI products）

分析段落：這篇文章深入探討了 AI 產品如何重新定義使用者體驗中的「空狀態」。傳統上，空狀態設計旨在引導用戶、減少困惑，但在 AI 驅動的產品中，提示框的直接互動模式正逐漸取代這種需求，這對設計師提出了新的挑戰，需要重新思考互動模式與用戶引導策略。

• 原文連結：https://uxdesign.cc/the-death-of-the-empty-state-in-ai-products-2026-e11439fbb688

2. 像水一樣：用 AI 重塑設計流程（Be like water: Rethinking the design process with AI）

分析段落：此文借鑑李小龍「像水一樣」的哲學，呼籲設計師在面對 AI 時代時，應保持彈性與流動性，重新思考傳統設計流程。它強調 AI 不應被視為取代工具，而是促使我們更靈活地實驗、迭代，以適應快速變化的設計環境，重新定義創意思考與執行之間的平衡。

• 原文連結：https://uxdesign.cc/be-like-water-rethinking-design-process-and-ai-experimentation-5db3c32eff7a

3. 我的四步驟框架，讓設計系統可供 AI 閱讀（My 4-step framework to make design systems AI-readable）

分析段落：這篇文章介紹了一個實用的四步驟框架，旨在提高設計系統對 AI 的可讀性，從而將 Token 準確度從 12% 提升至 94%。對於致力於將 AI 整合到設計流程中的團隊而言，這提供了具體的實踐方法，確保 AI 能有效理解並遵循既定的設計規範，是實現自動化設計的關鍵一步。

• 原文連結：https://medium.muz.li/my-4-step-framework-to-make-design-systems-ai-readable-74ba07145312

4. 設計不再只是設計：設計師為何不能忽視 AI 構建器（Design Isn’t Just Design Anymore: Why Designers Can’t Ignore AI Builders）

分析段落：這篇文章強調了 AI 構建器對設計領域帶來的深遠影響，指出設計師的角色正在從單純的視覺美學轉變為更注重策略和系統思維。數位產品設計師必須積極擁抱 AI 工具，理解其能力與限制，才能在未來的工作流程中保持競爭力，並創造出更具智慧的解決方案。

• 原文連結：https://medium.muz.li/design-isnt-just-design-anymore-why-designers-can-t-ignore-ai-builders-6994de0839b4

5. AI 生成程式碼的清理成本（The cleanup cost of AI-generated code）

分析段落：此文揭示了 AI 生成程式碼雖然快速，但其後期的清理和維護成本可能被低估的問題。對於依賴 AI 進行網頁或介面開發的設計師而言，這提醒我們不能盲目追求速度，而應警惕技術債的累積，並在選擇 AI 工具時考量其程式碼品質與可維護性，確保設計與開發能高效且持續地進行。

• 原文連結：https://webflowmarketingmain.com/blog/cleanup-cost-ai-generated-code

6. 世界上最受歡迎的字體之一獲得升級（One of the world's most popular typefaces get an upgrade）

分析段落：關於 Gotham 字體升級為可變字體 (Variable Font) 的消息，對字體排印師與品牌設計師來說具有重要意義。可變字體能讓設計師在一個字體檔案中實現更豐富的視覺變化，提供精準的字重、字寬與傾斜度控制，大幅提升品牌識別的彈性與網頁效能，是現代字體應用的一大趨勢。

• 原文連結：https://www.creativebloq.com/design/fonts-typography/gotham-variable

7. LJ Studio 為法國打造的體育動態設計系統（LJ Studio's Sports Motion Design System for France）

分析段落：這展示了動態設計系統在大型品牌和活動中的實際應用與價值。透過統一的視覺語言和動畫規範，即使在體育賽事這樣多變的媒體環境中，也能確保品牌形象的一致性和影響力，為動態設計師提供了設計系統如何大規模應用的典範。

• 原文連結：https://abduzeedo.com/lj-studios-sports-motion-design-system-france/

精細分類

設計工具與 UI/UX (Design Tools & UI/UX)

Design Tools Updates (設計工具動態：Figma、Sketch、Penpot 等)

• 透過 Claude Code 建立視覺方案（Creating Visual Schemes with Claude Code）

• 這篇文章探討了如何利用 AI 工具 Claude Code 建立多種視覺圖表與方案。對於設計師而言，這意味著能更快速地將概念轉化為可視化的溝通工具，提升早期設計階段的效率。
• 原文連結：https://uxplanet.org/creating-visual-schemes-with-claude-code-b9b3e9e0bfa5?source=rss----819cc2aaeee0---4

• Claude Design 對比 Google Stitch（Claude Design vs Google Stitch）

• 此文比較了 Claude Design 和 Google Stitch 這兩款旨在彌合「想法」與「產品」之間鴻溝的設計工具。它對於設計師理解不同 AI 驅動的設計平台各自的優勢與應用場景，以選擇最適合工作流程的工具具有參考價值。
• 原文連結：https://uxplanet.org/claude-design-vs-google-stitch-5dfbae46aa79?source=rss----819cc2aaeee0---4

• 如果所有工作流程都不同，該如何學習 ComfyUI？（How can you learn comfyui if all workflows are different?）

• 這篇文章探討了 ComfyUI 的學習挑戰，特別是面對其多樣且非標準化的工作流程。對於對生成式 AI 感興趣的設計師而言，這提醒了學習新工具時，應專注於核心概念而非盲目模仿，並鼓勵建立個人化的工作流程。
• 原文連結：https://www.reddit.com/r/comfyui/comments/1tb4rrq/how_can_you_learn_comfyui_if_all_workflows_are/

• 全新攜帶版安裝，有何建議？（Fresh portable install, any tips?）

• 這篇 Reddit 討論提供了關於 ComfyUI 便攜版安裝的建議，特別是如何優化設置以提升生成速度。對於使用生成式 AI 工具的設計師來說，這有助於提高工作效率，確保其個人化設計環境的最佳性能。
• 原文連結：https://www.reddit.com/r/comfyui/comments/1tbcaie/fresh_portable_install_any_tips/

• 協助設計 Microsoft Access 表單的資源？（Resources to help design Microsoft Access forms?）

• 這篇文章詢問了關於設計 Microsoft Access 表單 UI 的資源，並提到了 Figma 和 PenPot 等現代設計工具。它指出即使是傳統應用介面，也能透過設計原則和工具的運用來提升視覺與使用者體驗，顯示設計思維的普適性。
• 原文連結：https://www.reddit.com/r/UI_Design/comments/1tb38ew/resources_to_help_design_microsoft_access_forms/

UI/UX Research & Methods (使用者研究與設計方法論)

• 如果你最好的設計作品是一個小型專案，該怎麼辦？（What do you do if your best design work is a small project?）

• 本文討論了設計師在作品集中呈現小型但具影響力專案的策略，強調了如何透過量化成果和講述故事來凸顯其價值。這為設計師提供了寶貴的建議，尤其是在求職或展示個人能力時，如何有效地包裝和傳達設計貢獻。
• 原文連結：https://uxdesign.cc/what-do-you-do-if-your-best-design-work-is-a-small-project-6d57e619d866?source=rss----138adf9c44c---4

• 我如何使用 AI 協助解決設計問題（How I use AI to partner on design problems）

• 這篇文章分享了作者如何利用 AI 作為設計問題的合作夥伴，將其從最初的頭腦風暴到原型製作應用於設計流程。它闡釋了 AI 如何作為一個「上下文持有者」，幫助設計師處理複雜資訊，並將精力集中在更高層次的策略性思考上。
• 原文連結：https://uxdesign.cc/how-i-use-ai-to-think-through-design-problems-4a484080484b?source=rss----138adf9c44c---4

• Android 17 的 9 大新功能（The 9 biggest new features in Android 17）

• 此文介紹了 Android 17 的主要新功能，其中包含 AI 驅動的更新，如「情境化小工具」和「表情符號全面升級」。對於 UI/UX 設計師而言，這些更新直接影響行動介面的設計規範和視覺表現力，是了解平台發展趨勢的關鍵。
• 原文連結：https://www.theverge.com/tech/928653/google-android-17-9-biggest-new-features-android-show-io

• 從交易追蹤到金融智慧：用 AI 重塑銀行 UX（From Transaction Tracking to Financial Intelligence: Rethinking Banking UX with AI）

• 這篇文章提出了一個概念專案，展示如何運用 AI 將銀行交易數據轉化為有意義的金融洞察和報告。對於 UX 設計師而言，這是一個思考如何透過 AI 提升複雜數據可理解性，並為用戶創造更高價值服務的典範。
• 原文連結：https://medium.muz.li/from-transaction-tracking-to-financial-intelligence-rethinking-banking-ux-with-ai-373609c18dde?source=rss----5969bf7021a3---4

• 將頁面主體放在大圓角框中的趨勢有專有名稱嗎？（Is there a name for the trend of putting the page body in a big rounded box?）

• 這篇 Reddit 討論探討了將網頁主要內容區域放置於大型圓角框中的設計趨勢，並詢問其專有名稱。它反映了 UI 設計社群對當前視覺風格的關注，以及對定義和理解流行設計模式的興趣，有助於設計師掌握當前介面趨勢。
• 原文連結：https://www.reddit.com/r/UI_Design/comments/1tay3wt/is_there_a_name_for_the_trend_of_putting_the_page/

• 房地產經紀人的首頁主視覺（Hero Section for a Real Estate Agent）

• 這是一篇關於房地產經紀人網站首頁主視覺的設計評論請求。它提供了一個實際案例，讓設計師能從中學習如何平衡美觀與資訊層次，並根據社群的反饋來提升設計品質。
• 原文連結：https://www.reddit.com/r/UI_Design/comments/1tb3gac/hero_section_for_a_real_estate_agent/

• 我真的需要一些設計評論，因為我快瘋了（I could really use some design critique because i'm going mad）

• 這篇貼文顯示了設計師在專案深陷時對設計評論的迫切需求。這凸顯了設計社群中同儕回饋的重要性，以及設計師在迭代過程中尋求客觀意見以突破困境的常見情況。
• 原文連結：https://www.reddit.com/r/UI_Design/comments/1tb34wc/i_could_really_use_some_design_critique_because/

• Flutter UI/UX 靈感與佈局的最佳資源？（Best resources for Flutter UI/UX inspiration and layouts?）

• 這篇文章徵求 Flutter UI/UX 設計靈感和佈局的最佳資源。對於希望提升移動應用設計技能的設計師，特別是使用 Flutter 框架的設計師，這提供了探索高品質範例和學習專業佈局技巧的機會。
• 原文連結：https://www.reddit.com/r/UI_Design/comments/1tb0ha1/best_resources_for_flutter_uiux_inspiration_and/

網頁設計與前端 (Web Design & Frontend)

Web Design Trends (網頁設計趨勢)

• 提醒：你可以用導航將許多小型 HTML 頁面串聯起來進行互動（Reminder: You Can Stitch Together Lots of Little HTML Pages With Navigations For Interactions）

• 這篇文章提醒了網頁設計師，即使是簡單地將多個小型 HTML 頁面透過導航串聯，也能創造出豐富的互動體驗。它鼓勵在設計時思考化繁為簡的策略，利用基礎技術實現有效的內容組織與用戶流程。
• 原文連結：https://www.reddit.com/r/web_design/comments/1tau7jk/reminder_you_can_stitch_together_lots_of_little/

• 你有客戶無障礙檢查的報告工作流程嗎？（Do you have a client report workflow for accessibility checks?）

• 本文討論了為客戶提供網站無障礙性檢查報告的工作流程。對於網頁設計師來說，這提醒了無障礙設計的重要性，並促使建立一套系統性的評估與報告機制，以確保所有用戶都能順暢地訪問網站。
• 原文連結：https://www.reddit.com/r/web_design/comments/1taz6rz/do_you_have_a_client_report_workflow_for/

• 這種效果叫什麼名字？（what is the name of this effect?）

• 這篇貼文詢問了某種網頁視覺效果的名稱。對於網頁設計師和前端開發者而言，能夠準確識別和描述特定的視覺效果是學習和實現這些效果的基礎，有助於精進技術與溝通。
• 原文連結：https://www.reddit.com/r/web_design/comments/1tb0odv/what_is_the_name_of_this_effect/

AI 設計與創意科技 (AI Design & Creative Tech)

Generative Art & Visual AI (生成式藝術與視覺 AI)

• 偉嘉廣告（Whiskas ad）

• 這是一個使用節點工具（可能是 ComfyUI 的衍生或類似工具）創作的生成式藝術作品範例，展示了 AI 在廣告創意領域的潛力。對於視覺設計師而言，這是一個探索 AI 如何輔助概念發想和視覺呈現的案例。
• 原文連結：https://www.reddit.com/r/comfyui/comments/1tavxma/whiskas_ad/

• HiDream-01 多重參考編輯 | 低 VRAM 工作流程（HiDream-01 Multi Reference Editing | LOW VRAM Workflow）

• 這篇文章介紹了一個針對低 VRAM 環境優化的 HiDream-01 多重參考編輯工作流程。對於對生成式 AI 感興趣但硬體資源有限的設計師和藝術家來說，這提供了實用的技術方案，降低了進入門檻。
• 原文連結：https://www.reddit.com/r/comfyui/comments/1tayfd0/hidream01_multi_reference_editing_low_vram/

• SenseNova U1：基於 NEO-Unify 架構的統一多模態生成（SenseNova U1: Unified Multimodal Generation with NEO-Unify Architecture）

• 這篇貼文討論了 SenseNova U1 及其統一多模態生成架構。對於關注 AI 視覺創意的設計師來說，這代表了未來 AI 能夠更全面地理解並生成不同形式內容的趨勢，開啟了更多創意可能性。
• 原文連結：https://www.reddit.com/r/comfyui/comments/1tb303t/sensenova_u1_unified_multimodal_generation_with/

• 你不再來訪（You don't come and visit anymore.）

• 這是一則在 Midjourney 社群分享的生成藝術作品。它展示了 AI 圖像生成工具在營造情感和敘事氛圍方面的能力，為設計師提供了豐富的視覺靈感來源。
• 原文連結：https://www.reddit.com/r/midjourney/comments/1tbesek/you_dont_come_and_visit_anymore/

• 聖騎士誓言（Paladin Oath）

• 這是在 Midjourney 社群中分享的生成藝術作品，展現了 AI 在創造複雜角色和史詩場景方面的潛力。對於需要快速探索視覺概念的設計師或插畫師，這些作品提供了強大的靈感和參考。
• 原文連結：https://www.reddit.com/r/midjourney/comments/1tb5jpt/paladin_oath/

• 蜂蜜吞噬（The Honey Consumes.）

• 這也是一則在 Midjourney 社群發表的生成藝術作品，風格獨特且富有想像力。它再次證明了 AI 圖像生成工具如何拓寬藝術創作的邊界，為設計師帶來前所未有的視覺探索機會。
• 原文連結：https://www.reddit.com/r/midjourney/comments/1tbaqb9/the_honey_consumes/

• 秘密設計 [午夜外交]（COVERT-DESIGN [MIDNIGHT DIPLOMACY]）

• 這是一個在 Midjourney 社群中分享的帶有「設計」標籤的生成藝術作品，呈現了獨特的視覺風格。它不僅展示了 AI 的藝術表現力，也體現了 AI 如何被用於探索更具概念性和風格化的設計視覺。
• 原文連結：https://www.reddit.com/r/midjourney/comments/1tbfutq/covertdesign_midnight_diplomacy/

• 死神（Reapers.）

• 這是在 Midjourney 社群中分享的生成藝術作品，其主題和視覺風格展示了 AI 在創造暗黑、神秘氛圍方面的能力。對於概念藝術家和視覺設計師來說，這提供了快速產生各種情境和角色設計的參考。
• 原文連結：https://www.reddit.com/r/midjourney/comments/1tasu0y/reapers/

設計靈感與社群 (Design Inspiration & Community)

Brand & Identity (品牌與識別設計)

• Foundation Coffee Roasters：樣品盒包裝設計（Foundation Coffee Roasters: Sample Box Packaging Design）

• Natalia Balabash 為 Foundation Coffee Roasters 設計的咖啡樣品盒包裝，將包裝本身視為一個版面設計問題，精巧地處理了每個面板的構圖。這為品牌設計師提供了一個如何透過包裝設計傳達品牌精髓、注重細節的優秀範例。
• 原文連結：https://abduzeedo.com/foundation-coffee-roasters-sample-box-packaging-design/

• CAPS Design Studio 的 Eggstasy 標誌品牌識別設計（Eggstasy Logo Brand Identity by CAPS Design Studio）

• CAPS Design Studio 為 Eggstasy 打造的品牌識別，透過簡約的筆刷字體、牛皮紙質卡片和柔和的灰白色調，展現了內斂而優雅的設計。這是一個關於如何透過極簡手法，創造出具有獨特個性和情感連結的品牌形象的案例。
• 原文連結：https://abduzeedo.com/eggstasy-logo-brand-identity-caps-design-studio-1/

• Emma Vallon 的 2026 年自由品牌作品集設計（Emma Vallon's Freelance Branding Portfolio Design 2026）

• Emma Vallon 的 2026 年自由品牌作品集展示了六個涵蓋不同領域的品牌設計專案，每個專案都建立在吉祥物和字體系統的基礎之上。這為設計師如何構造引人注目的個人作品集提供了靈感，強調了統一視覺語言和敘事的重要性。
• 原文連結：https://abduzeedo.com/emma-vallons-freelance-branding-portfolio-design-2026/

• Genevitta 的品牌識別系統轉型健康產業（Genevitta's Brand Identity System Transforms Wellness）

• Brandigno® 重新設計了 Genevitta 品牌，創造了一個「活」的品牌識別系統，其中字母「g」成為貫穿始終的視覺連結。這個案例展示了品牌設計如何超越簡單的營養概念，透過系統性的視覺元素傳達更深層次的健康轉型理念。
• 原文連結：https://abduzeedo.com/genevittas-brand-identity-system-transforms-wellness/

設計系統與字體排印 (Design Systems & Typography)

Design Systems & Tokens (設計系統與 Design Tokens)

• 我的四步驟框架，讓設計系統可供 AI 閱讀（My 4-step framework to make design systems AI-readable）

• 這篇文章提出了一個四步驟框架，用於增強設計系統與 AI 工具的協作能力，顯著提升了設計 Token 的準確性。這對於希望將設計系統與 AI 自動化流程整合的設計師和團隊來說，提供了一個具體且有效的實踐路徑。
• 原文連結：https://medium.muz.li/my-4-step-framework-to-make-design-systems-ai-readable-74ba07145312?source=rss----5969bf7021a3---4

• LJ Studio 為法國打造的體育動態設計系統（LJ Studio's Sports Motion Design System for France）

• LJ Studio 為法國足球總會建立了一個全面的體育動態設計系統，確保在大型場館螢幕和 LED 顯示器上呈現統一的視覺語言。這是一個展示設計系統如何應用於動態內容和多變媒體環境的卓越範例，對於動態設計師和品牌管理者極具參考價值。
• 原文連結：https://abduzeedo.com/lj-studios-sports-motion-design-system-france/

Typography & Type Design (字體排印與字型設計)

• 世界上最受歡迎的字體之一獲得升級（One of the world's most popular typefaces get an upgrade）

• 這篇報導了 Gotham 字體升級為可變字體（Gotham Variable）的消息。可變字體允許設計師在單一字體檔案中獲得更精細的字重、字寬和傾斜度控制，大幅提升了設計的彈性與效率，是現代字體設計與網頁排印的重要趨勢。
• 原文連結：https://www.creativebloq.com/design/fonts-typography/gotham-variable

English Daily Highlights

Today's Design Pulse Daily Report reveals a significant shift in the design landscape, heavily influenced by the accelerating integration of Artificial Intelligence. The overarching theme is how AI is not just augmenting but fundamentally reshaping design processes, tools, and the very definition of a designer's role.

A key highlight from UX Collective, "The death of the empty state in AI products," signals a paradigm change in user experience. Traditionally, empty states served as crucial guidance, but in AI-driven interfaces, prompt-based interactions are rendering them obsolete. This challenges designers to rethink onboarding and interaction models in a world where interfaces are increasingly intelligent and proactive. Complementing this, "Be like water: Rethinking the design process with AI" urges designers to adopt flexibility, much like Bruce Lee's philosophy, to navigate the rapid evolution of AI tools. It underscores that AI should be seen as an enabler for experimentation and iteration, rather than a replacement for human creativity.

The practical application of AI in design systems is another prominent trend. Muzli Design Inspiration's "My 4-step framework to make design systems AI-readable" offers a concrete methodology to improve design token accuracy for AI agents, pushing design system automation from a conceptual idea to a tangible reality. This is critical for scaling design efforts with AI. Further emphasizing this transformation, "Design Isn’t Just Design Anymore: Why Designers Can’t Ignore AI Builders" argues that designers must evolve beyond mere aesthetics, embracing strategic thinking and engaging with AI builders to remain competitive in a tech-driven industry.

However, the integration of AI is not without its challenges. Webflow Blog's "The cleanup cost of AI-generated code" serves as a crucial reminder that the speed of AI-generated code might come at the expense of technical debt and maintenance overhead. Designers leveraging AI for code generation must be mindful of this hidden cost, prioritizing maintainability alongside speed.

Beyond AI, typography and design systems continue to be vital. The upgrade of "Gotham" to a variable font marks a significant development in typography, offering unparalleled flexibility in weight, width, and slant from a single font file. This empowers designers with more precise control over brand identity and enhances web performance. Lastly, LJ Studio's "Sports Motion Design System for France" provides an excellent case study of how comprehensive motion design systems can ensure brand consistency across diverse media environments, from stadium screens to digital displays, highlighting the power of systematic design thinking in dynamic contexts.

In summary, today's pulse indicates that designers are at a pivotal moment, with AI demanding a re-evaluation of fundamental UX principles, process agility, and technical literacy, while traditional design disciplines like typography and design systems continue to innovate and expand their application.