✏️ 設計脈動日報 - 第 170 期 (2026-09-03)

焦點設計導讀

1. Coinbase 如何運用 Code Connect 提升效率並降低代幣成本（How Coinbase used Code Connect to guide agents and shrink token costs）

分析段落：Figma 的 Code Connect 功能在 Coinbase 的應用展現了設計系統與工程協作的強大潛力。這不僅讓設計資產與程式碼保持同步，更重要的是，它能為客服代理人提供即時、符合設計規範的介面指引，顯著提升營運效率並降低錯誤率，直接影響用戶體驗與企業成本。
- 原文連結：https://news.google.com/rss/articles/CBMihwFBVV95cUxNLTJvYm5NeC1DR2h5R29sZkRUOTBNRHFMeTJuMko1THRUS2lkdC03SlVfVXdKUmUxRkNiaWV1TWhOZ2ZWY0ltVDJVbmtrYms1NWZLYlg1bWRoZnZsNGxnZ0FxYmhCODRPazRGbkx2cUF1Y3o1dUdYYmdqWTMtdm90dDBSOEc2Ymc?oc=5

2. Adobe 推出 Slack 整合：將您的想法與對話轉化為高品質內容（Introducing Adobe for Slack: Turn Your Ideas and Conversations into High-quality Content）

分析段落：Adobe 與 Slack 的整合標誌著設計工作流程與團隊溝通的深度融合。這項功能讓設計師能直接在協作平台內啟動 Adobe 創意工具，將會議討論或靈感即時轉化為實際的設計資產，大大縮短了從概念到執行的時間，提升了設計生產力與團隊協作效率。
- 原文連結：https://news.google.com/rss/articles/CBMifEFVX3lxTE1OVmc1UDlmbVlNN3ZWOC1NT2RBbWd3Q3lpRzZqblh2R3M3ZFhQZDRUTnRZanJIaV9fY05zbVk0Z2pEVXFQZzBTVHdZSkxnZWNGdENYX1VuUk1BSklhMzlfVllPNE9mTE83N0l4QjhsRjNtRHg1S3lMRzY0cUs?oc=5

3. 專為產品設計師打造的 Fable 5.1 版本（Fable 5.1 for Product Designers）

分析段落：Anthropic 更新其先進的 AI 模型 Fable 至 5.1 版本，專為產品設計師提供更優化的功能。這項更新預示著 AI 在協助產品設計師進行構思、原型製作與使用者情境模擬方面的能力將更為精進，有助於提高設計決策的品質與速度。
- 原文連結：https://uxplanet.org/fable-5-1-for-product-designers-f905e0cde0ee?source=rss----819cc2aaeee0---4

4. Claude Code 的新設計外掛程式對產品設計師意義重大（Claude Code’s New Design Plugin Is a Big Deal for Product Designers）

分析段落：Claude Code 推出全新 /design 外掛程式，讓產品設計師可以直接在該平台內進行設計。這項發展強調了 AI 在設計工具生態中日益重要的角色，它不僅能加速設計流程，還可能改變設計師與程式碼互動的方式，實現更緊密的設計與開發協作。
- 原文連結：https://uxplanet.org/claude-codes-new-design-plugin-is-a-big-deal-for-product-designers-445bf30cea9d?source=rss----819cc2aaeee0---4

5. 當畫布開始自主行動，誰才是真正的主導者？（When the canvas starts acting, who’s really in control?）

分析段落：這篇文章探討了具備「代理性」（agentic）的介面如何改變設計師的控制權，從互動層面擴展到決策制定、流程編排和用戶注意力管理。這對設計師提出了新的挑戰，需要重新思考自身在智能設計系統中的角色，從創造者轉變為協調者與監護者。
- 原文連結：https://uxdesign.cc/when-the-canvas-starts-acting-whos-really-in-control-0128f641223c?source=rss----138adf9c44c---4

6. Webflow Conf 2026 的重大發表（The biggest announcements from Webflow Conf 2026）

分析段落：Webflow 年度大會發佈了多項產品更新，這些進展鞏固了其作為領先無程式碼建站工具的地位。對於網頁設計師和開發者而言，這些更新意味著更強大的自訂能力、更流暢的工作流程，以及能將複雜設計構想轉化為實際網站的更多可能性。
- 原文連結：https://webflowmarketingmain.com/blog/webflow-conf-2026-announcements

7. 隆重推出 Source by Webflow：行銷人員與代理商經營網路的平台（Introducing Source by Webflow: where marketers and agents run the web）

分析段落：Webflow 推出的新平台 Source，旨在讓現代行銷團隊及其 AI 代理能夠更有效率地利用網路來推動業務增長。這項創新預示著設計與行銷將更緊密地結合，AI 將在內容創建、網站優化和用戶旅程設計中扮演關鍵角色，改變傳統的工作模式。
- 原文連結：https://webflowmarketingmain.com/blog/introducing-source-by-webflow

8. Runway 全新 AI 模型無需程式碼即可創造數位世界（Runway’s New AI Model Creates Digital Worlds Without Code）

分析段落：Runway AI 推出新模型，賦予用戶無需編寫程式碼就能創造複雜數位世界的能力。這項技術突破將大幅降低 3D 設計與虛擬環境建構的門檻，為設計師、藝術家和內容創作者開闢了全新的可能性，加速元宇宙與沉浸式體驗的發展。
- 原文連結：https://news.google.com/rss/articles/CBMiiAFBVV95cUxNeHRTbWxQLXNGU080TEdndTh3dllZc0tDcGhGOFZkSWVyNkIwd21YdlFXa0R0UTdJZ3JyeEdFMkN6LXg5bkk4UU9mWWRMMGt1bW9DSHZxLXpvSU5LUkl2ZHMwQ2d6QkxDcTJlT25wWUZQT2c2Umhua0U5OUw4YzNmV28xbGpwMnh0?oc=5

精細分類

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

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

• 九月使用者經驗大會公佈（UX Conference September Announced）

  
  這則消息預告了 Nielsen Norman Group 九月份的 UX 大會，提供一系列深入的培訓課程，旨在傳授成功設計的使用者經驗最佳實踐。對於希望精進使用者研究方法、提升設計專業技能的產品設計師而言，這是一個掌握長期有效技能的寶貴機會。
• 原文連結：https://www.nngroup.com/training/september/?utm_source=rss&utm_medium=feed&utm_campaign=rss-syndication

Interaction & Motion Design (互動與動態設計)

• 卡片輪播互動效果（Card сarousel interaction）

  
  Awwwards 網站分享的這項卡片輪播互動案例，展示了如何透過精巧的動態效果和視覺設計，提升使用者在瀏覽內容時的參與感和愉悅度。對於追求創新介面動畫和流暢使用者體驗的設計師來說，這是獲取互動設計靈感的絕佳資源。
• 原文連結：https://news.google.com/rss/articles/CBMilAFBVV95cUxQX0FydjlrQm4yZWdPa2ZyOTE2T2JRSngyVFBxLWpSNTNxdk13UXNlNWFENVA4aUxVb2pzeWN0dnZoVU9BdklmYWJNdDR3OXd3T25RX3pxNzdLUERQanNNWWRYS0FTeExDbUtLTDdzVkhVRm0yZF93RllCM0hrd08teU8tREs4RThPcWY1VmlIWERhSjhn?oc=5

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

Web Design Trends (網頁設計趨勢)

• Nordpixel.ch 網頁設計（Nordpixel.ch）

  
  這篇文章介紹了 Nordpixel.ch 的網頁設計案例，展示了其獨特的視覺風格與使用者體驗。對於尋求現代網頁設計靈感、探索創新視覺呈現方式的設計師而言，此案例提供了高品質的參考，可激發對於排版、色彩與互動模式的新想法。
• 原文連結：https://news.google.com/rss/articles/CBMiVkFVX3lxTE5kZGd5N0Y5TnpXQjY0VGlzQTJ4QThweHVlVkVzNjVseFktZ3YyWk5TNlFfblI3bDRvczJYQkxOY2J5UFFMZTRiZ2Q1Q3NRZmFYYlduTjB3?oc=5

• Susanne Kaufmann 網頁設計靈感（Susanne Kaufmann | Web Design Inspiration）

  
  Susanne Kaufmann 網站呈現的設計風格，強調其品牌的高級感與天然產品的純粹性，透過簡潔而優雅的排版與視覺元素，營造出寧靜且精緻的使用者體驗。此案例為設計師提供了如何將品牌調性融入網頁設計的實用靈感。
• 原文連結：https://news.google.com/rss/articles/CBMiakFVX3lxTE1uQnZfZHlzejFmbVRZcmxaSWdEeXBkRnRnZ0Y3TUFaTlJXWk5lMFVDX1pVNWw0ZHM4clVRbHVPM2F6eC16aTJIMUpkM3Z0eFM1UHBTXzJYR0NTYnlndjloaVhHaUZubTZyM2c?oc=5

• Lift Foils 網頁設計靈感（Lift Foils | Web Design Inspiration）

  
  Lift Foils 的網頁設計案例以動態感和沉浸式體驗為特色，精準地傳達了其水上運動產品的刺激與科技創新。設計師可以從中學習如何利用高品質視覺內容、流暢的動態效果以及直觀的介面設計，有效地吸引目標受眾並展示產品特性。
• 原文連結：https://news.google.com/rss/articles/CBMiYkFVX3lxTFBGSlNPY090S0UyY2Y3WVJBcGlwVXU1amtHVmlIS2hzWHhJUC1DNVVYWFdMblVtWXBPa0lDdThOYTVpSzFRTU1Ycm5tcVM2blpISnQ2MmNZTTZOUWd1MmRSQ2Zn?oc=5

• Odyssée 網頁設計靈感（Odyssée | Web Design Inspiration）

  
  Odyssée 的網站設計展示了極簡主義與精緻排版如何共同創造出引人入勝的敘事體驗。該案例對於那些希望透過簡約設計手法傳達深度品牌故事、並在細節中展現匠心精神的網頁設計師來說，是一個值得深入研究的視覺範本。
• 原文連結：https://news.google.com/rss/articles/CBMiXkFVX3lxTFA2ZEl1YVFFdnRXb19IdHl2VDlzYkJNWUwwYk9pS0E0TTNVZHVhTXpaZWNLM0NBSmlzN3FlekJtcE9ad3h4RGlNelVqQjg3OWVwYVROWkR5XzNlTU91cXc?oc=5

CSS & Frontend Techniques (CSS 與前端技術)

• 打破框架：使用 Three.js 建構即時資料馬賽克效果（Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js）

  
  這篇文章深入探討了如何運用 Three.js、著色器以及編解碼器啟發的技術，將場景轉換為引人注目的即時資料馬賽克（datamosh）效果。對於追求前端視覺創新、希望在網頁中實現藝術化動態視覺的設計師和前端開發者而言，這提供了實用的技術指引和創意啟發。
• 原文連結：https://tympanus.net/codrops/2026/09/02/breaking-the-frame-building-a-real-time-datamosh-effect-with-three-js/

No-Code & Site Builders (無程式碼工具：Framer、Webflow 等)

• Webflow Conf 2026：為建構者帶來畫布、內容管理系統與生活品質提升（For the builders: canvas, CMS, and quality-of-life improvements from Webflow Conf 2026）

  
  這篇文章總結了 Webflow Conf 2026 中針對設計師和開發者發佈的新功能，包括內容管理系統（CMS）中的組件、斷點畫布和 AI 程式碼組件的視覺編輯功能。這些改進大大提升了無程式碼平台的靈活性和效率，讓使用者能更精準地控制設計與響應式佈局。
• 原文連結：https://webflowmarketingmain.com/blog/2026-builder-keynote

• Derek Muller：Galaxy Studio 提供的免費作品集網站模板（Derek Muller: Free Portfolio Website Template by Galaxy Studio）

  
  由 Galaxy Studio 提供的 Derek Muller 免費 Framer 作品集網站模板，為設計師提供了一個快速且專業地展示個人作品的解決方案。這個模板強調簡潔的佈局和視覺效果，讓設計師能專注於內容本身，同時也能體驗 Framer 無程式碼建站的便捷性。
• 原文連結：https://news.google.com/rss/articles/CBMiakFVX3lxTE9sYTBoWTJuX19PdVJld2duYm9sX0p6c3hfblFEdGhmLWtMa2tSa2JrYmlZQmJYVS1fRVFmOWp3UDZTLUM2TVpVdzZRdlBGeTAzVEJDX3ZNN0tFZHhpdmlXLVd0YkdVTXlkOXc?oc=5

• Sofia 作者網站：Felix Clausen 提供的免費作品集網站模板（Sofia Author website: Free Portfolio Website Template by Felix Clausen）

  
  Felix Clausen 設計的 Sofia 作者網站 Framer 模板，為作家和內容創作者提供了一個優雅且功能齊全的線上展示平台。這個模板透過精緻的排版和直觀的導航，幫助使用者輕鬆地建立個人品牌網站，展示作品並與讀者互動。
• 原文連結：https://news.google.com/rss/articles/CBMidEFVX3lxTFBiRWpuelZBQ0VRaDVwMmEwbTdtbGFUWkR0aFB4VTc5MHRwZWQ5N2FSbFBtS3RfQV80SFQxUURhYnhMOHA2dW5EeWUxZmlUMzQzbDdXTXo5b19UeGlmZXRYa0tMU2V4c3IxS2cxeG9LemJKbjhm?oc=5

• Mimo/部落格（Mimo/Blog by Domenico Griffo）

  
  Domenico Griffo 透過 Framer 建立的 Mimo/部落格網站，展示了無程式碼工具在個人品牌和內容創作方面的巨大潛力。這個案例突顯了 Framer 在實現客製化佈局和互動效果上的靈活性，為設計師和內容創作者提供了建構個人網站的實際範例。
• 原文連結：https://news.google.com/rss/articles/CBMibkFVX3lxTFBjYzMtMXpqNy1fakZjbi1LRWhLUk1kWXZTYXM0RTVWZHpyaC1Gbk93N0Vva3NabV8zb181NFRUcnhtUFNvZ0xtR3Q5LU9fUkhNWmFaYjhDQVBaTFptTWtRR0RNaFYzcDNVWXVpX2lB?oc=5

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

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

• 以 AI 實現「協和」（Making kyōwa possible with AI）

  
  這篇文章探討了如何透過 AI 技術，實現「協和」（kyōwa，一種強調和諧共處的理念）。它提出將「發送」按鈕解構，讓文字能像草圖一樣被運用，展現 AI 如何在創意生成與溝通中，為設計帶來更具彈性和實驗性的可能性，突破傳統表達的界限。
• 原文連結：https://uxdesign.cc/making-ky%C5%8Dwa-possible-with-ai-9f4bf8fae315?source=rss----138adf9c44c---4

Creative Technology (創意科技應用)

• Optical Arts 是一間專注於光學錯覺、鏡頭內世界和不尋常選擇的設計工作室（Optical Arts is a design studio that deals in optical illusions, in-camera worlds and unobvious choices）

  
  Optical Arts 這家設計工作室以其在光學錯覺和創新攝影技術方面的專業聞名，他們的作品挑戰傳統視覺感知，並在影像創作中融入不尋常的設計選擇。這為追求視覺創新和實驗性藝術表現的設計師提供了豐富的靈感，鼓勵探索創意科技的應用邊界。
• 原文連結：https://news.google.com/rss/articles/CBMiqAFBVV95cUxOajBOWi1JREgydjVnOC1tOTBxZG41cUtRRVBUNVlER01iY1dzeXBXZkZfa3NNRDlhRlpaUV9HUEtNakR5WWZsVGg4cGRFNzhOMjhCa0hxWkIxUXBSM3FYYTJGTUFkM3dXRDduc21YSHYtdHdpYjVmbzFmTDJxZ0djc3B2eGNTXzJCa3N6Uk9JalZlMUxOUGlKQ3NPQkhaSm9wd2h4SUpQb0s?oc=5

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

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

• Vuokko Aro 和 Coral Garvey 談 Monzo 設計主導進入主流市場（Vuokko Aro and Coral Garvey on Monzo’s design-led move into the mainstream）

  
  這篇文章深入探討了 Monzo 銀行如何透過以設計為核心的策略，成功地將其品牌推向主流市場。對於品牌設計師而言，這是一個寶貴的案例研究，揭示了設計思維如何在金融服務等傳統產業中創造差異化，並塑造強大的用戶連結。
• 原文連結：https://news.google.com/rss/articles/CBMiogFBVV95cUxPUmlJLUluLU5vRmpYTWpRdG5aQksxam1VdHJfSW1uczk3V0FQZGVpLUFRNC0xbWlSWndiTTB1RFJzWW5aRy03Vm5IYmJHTXh6U2JJMjR5NEFpOE54U1FaN2w4RWo5eDZyRzhvNUtvakEtdGIxSTRsUVdfeVZJM2VSV2tfV085d3BNVFlrYlhkMXZtRDJYbU41S3M1blk3OHRuQXc?oc=5

• Nahù 的品牌設計：由 Brand Brothers 打造（Branding Design: Nahù by Brand Brothers）

  
  Brand Brothers 為 Nahù 品牌設計的識別系統，以其大膽的排版和原始的雙色調紋理脫穎而出。這個案例展示了如何透過強烈的視覺語彙和訂製字體，為新興品牌建立獨特且難忘的形象，對於尋求創新品牌識別策略的設計師具有高度參考價值。
• 原文連結：https://abduzeedo.com/branding-design-nahu-brand-brothers/

• EllisDon 的品牌設計：由 Underline Studio 打造（Branding Design: EllisDon by Underline Studio）

  
  Underline Studio 為 EllisDon 進行的品牌設計專案，成功將重型土木基礎設施的形象與模組化印刷品和瑞士字體排印風格結合。這個案例顯示了品牌設計如何透過結構化的視覺語言和簡潔的排版，為複雜的企業建立清晰且權威的品牌識別。
• 原文連結：https://abduzeedo.com/branding-design-ellisdon-underline-studio/

• Roberto Espartero 為 NRGY 設計大膽的編輯設計（Roberto Espartero Designs Bold Editorial Design for NRGY）

  
  Roberto Espartero 與 Tiquismiquis Club 為 NRGY 的年度報告所設計的編輯排版，透過結構化的版面和簡潔的字體排印，成功傳達了工業可持續發展和再生能源的專業形象。這個案例為設計師提供了在企業出版物中，如何結合大膽視覺與清晰資訊傳達的實用見解。
• 原文連結：https://abduzeedo.com/roberto-espartero-designs-bold-editorial-design-nrgy/

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

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

• DJ Retain 字體（DJ Retain）

  
  Fonts In Use 網站介紹了 DJ Retain 字體的使用案例，展示了其獨特的風格和在特定設計情境中的視覺影響力。對於字體設計愛好者和尋求特殊字型來提升專案視覺效果的設計師而言，這提供了深入了解字體應用及其潛力的機會。
• 原文連結：https://news.google.com/rss/articles/CBMiVkFVX3lxTE55VTE2VE9IRGtBZGFNQU5pWnlnaThxTVozUXBwOEY5VEhFVFlkTm51emRYLUpiYWIyQVl0UzRGLUE0S193NzJQaDZaMnhoZGt6bUhPdFZn?oc=5

• 字體排印設計：TypeType Foundry 的 TT Nooks Serif 字體（Typography Design: TT Nooks Serif by TypeType Foundry）

  
  TypeType Foundry 推出的 TT Nooks Serif 字體，以其尖銳的襯線和寬闊的比例，在字體排印設計中展現出大膽的特色。這款字體不僅適用於標題和品牌標誌，其 2.000 版本重製的字形也為設計師在創建具有現代感和強烈視覺衝擊力的排版時提供了豐富選擇。
• 原文連結：https://abduzeedo.com/typography-design-tt-nooks-serif-typetype-foundry/

English Daily Highlights

Today's Design Pulse Daily, dated September 3, 2026, reveals a strong convergence of AI, no-code platforms, and enhanced collaboration tools shaping the digital product design landscape. A key highlight is Coinbase's strategic adoption of Figma's Code Connect, demonstrating how integrating design systems with engineering workflows can significantly improve operational efficiency and reduce costs, directly impacting user experience by ensuring design consistency and accuracy. This emphasizes the growing importance of seamless design-to-development handoff.

Adobe's integration with Slack marks another step towards a more unified creative ecosystem, allowing designers to convert ideas from conversations into high-quality content instantly. This streamlines the creative process, reducing friction between ideation and execution.

The AI space continues to rapidly evolve with Anthropic's Fable 5.1 update specifically for product designers, promising advanced capabilities in ideation and prototyping. Similarly, Claude Code's new design plugin allows direct design within the platform, underscoring AI's transformative potential in accelerating design workflows and fostering closer design-code interaction. These advancements suggest a future where AI acts as an intelligent co-pilot, not just a tool.

A thought-provoking piece from UX Collective asks, "When the canvas starts acting, who’s really in control?" This article delves into the paradigm shift introduced by "agentic interfaces," challenging designers to redefine their roles from sole creators to orchestrators and guardians of intelligent systems. This philosophical inquiry is crucial as AI becomes more autonomous in design.

In the no-code arena, Webflow Conf 2026 announcements showcased major platform updates, solidifying its position as a leading no-code solution. Of particular note is the introduction of "Source by Webflow," a new platform empowering marketing teams and their AI agents to leverage the web more effectively. This signifies a blurring of lines between design, marketing, and AI-driven content generation, enhancing business growth through integrated digital strategies.

Finally, Runway AI's new model for creating digital worlds without code is a groundbreaking development. It democratizes 3D design and virtual environment creation, opening up new frontiers for designers and artists in the burgeoning metaverse and immersive experience sectors. This innovation lowers barriers to entry and fosters a new wave of creative possibilities.

Collectively, these updates highlight a period of significant innovation, where design tools are becoming more intelligent, integrated, and accessible, fundamentally altering how designers create, collaborate, and control their craft in the digital realm.