✏️ 設計脈動日報 - 第 224 期 (2026-10-20)
焦點設計導讀
1. 我嘗試在 Claude Code 中設計整個產品而不用 Figma（I Tried Designing an Entire Product in Claude Code Without Figma）
分析段落：這篇文章揭示了 AI 編碼工具如何顛覆傳統設計工作流程，讓設計師能直接透過程式碼生成產品原型，挑戰了 Figma 等主流設計工具在初步概念驗證階段的地位。它強調了設計師未來可能需要具備更強的程式理解能力，或與 AI 協作以加快迭代速度。
2. 人類注意力是新的舊瓶頸。我們必須更加為此設計。（Human attention is the new old bottleneck. We have to design for it even more.）
分析段落：在資訊爆炸的時代，有效抓住並引導使用者注意力成為設計的關鍵挑戰。此文提醒設計師，必須將「注意力設計」視為核心原則，透過更精煉、目標導向的介面和內容呈現，幫助使用者過濾噪音，專注於重要資訊，提升產品的實際價值和黏著度。
3. UX 設計師不僅設計介面，他們設計個性（UX designers are not designing interfaces, they design personalities）
分析段落：這篇文章指出，成功的數位產品不再僅僅是功能性的介面，更需要透過設計賦予其獨特的「個性」，與使用者建立情感連結。UX 設計師需深入理解品牌價值與目標客群，將這些無形特質轉化為有形的互動體驗，使產品在使用者的心智中更具辨識度和親和力。
4. AI 改變了我設計的方式，但沒有取代我設計的理由。（AI Changed How I Design. It Didn’t Replace Why I Design.）
分析段落：此文分享了產品設計師與 AI 協作的心路歷程，強調 AI 雖然能高效處理重複性任務，改變設計的「如何做」，但設計背後的「為何做」（洞察、策略、同理心）仍需人類主導。這對於理解 AI 時代設計師的核心價值與職能轉變至關重要。
5. 從 AI 原型到更好的使用者體驗：設計師應首先測試什麼（From AI Prototype to Better UX: What Designers Should Test First）
分析段落：隨著 AI 生成設計原型的普及，如何有效驗證其使用者體驗成為新課題。這篇文章提供了實用的測試策略，指導設計師在開發初期就聚焦於關鍵互動、流程和使用者預期，確保 AI 輔助的設計不僅效率高，更能滿足實際使用者需求，避免後期大規模修正。
6. 如何讓 AI 生成的介面看起來像是經過設計的（How to Make AI Generated Interfaces Look Designed）
分析段落：AI 生成的介面常因缺乏細膩的考量而顯得通用或生硬。本文探討了如何透過微調字體、色彩、佈局等設計基本元素，將 AI 產出的基礎介面昇華為具有個人風格和專業質感的作品，對於追求設計精緻度的設計師提供了寶貴的實務技巧。
7. 當任何人都能創造任何東西時，個人品味和工藝比以往任何時候都更重要（When anyone can make anything, personal taste and craftsmanship matters more than ever）
分析段落：在工具普及、生成式 AI 讓創意門檻降低的時代，設計師獨特的品味、對細節的雕琢以及深厚的工藝精神，成為區分普通與卓越的關鍵。這篇文章提醒設計師，應回歸對美學、品質與原創性的追求，以不可替代的個人風格來賦予作品更高價值。
精細分類
【設計工具與 UI/UX (Design Tools & UI/UX)】
Design Tools Updates (設計工具動態：Figma、Sketch、Penpot 等)
- 自動儲存功能失效（Autosave doesn't work）
- 敘述：這篇文章反映了 Penpot 設計工具中自動儲存功能失效的問題，這對設計師的工作流程構成嚴重威脅。一個穩定可靠的自動儲存機制是任何設計工具的基礎，其失效可能導致用戶數據丟失，影響工作效率和使用體驗。
- 原文連結：https://community.penpot.app/t/autosave-doesnt-work/10999
UI/UX Research & Methods (使用者研究與設計方法論)
- 無聲彈奏三線琴（Playing the sanshin without a sound）
- 敘述：此文章探討了回饋設計中的困境，以角子機和清單為例，比喻使用者接收回饋的不同模式。對於 UX 設計師而言，這提供了思考如何平衡立即獎勵與明確指引，以設計出更有效且令人滿意的產品回饋系統的啟發。
- 原文連結：https://uxdesign.cc/playing-the-sanshin-without-a-sound-3ac88df6f65c?source=rss----138adf9c44c---4
- 設計為何（仍然）重要、品味並非方法論、借來的斜坡（Why design (still) matters, Taste is not a methodology, Borrowed slopes）
- 敘述：這篇每週策展資源彙編，集結了設計領域思想家和實踐者的洞察，提醒設計師設計的核心價值及其持久的重要性。它呼籲設計師在追求實用方法論的同時，不應忽視個人品味的培養和對既有模式的批判性思考。
- 原文連結：https://uxdesign.cc/why-design-still-matters-taste-is-not-a-methodology-borrowed-slopes-62701d4c33dc?source=rss----138adf9c44c---4
Interaction & Motion Design (互動與動態設計)
- Nik Arthur 為 A24 和 J. Cole 創作有機動畫，將自然世界視為其終極創意夥伴（Nik Arthur’s ultimate creative partner is the natural world in his organic animations for A24 and J. Cole）
- 敘述：藝術家 Nik Arthur 的作品展示了如何從自然世界中汲取靈感，創造出流動且有機的動態設計。這對動態設計師而言是一種提醒，自然界提供了無盡的形態、運動和節奏，能為數位互動注入更具生命力的視覺語言。
- 原文連結：https://news.google.com/rss/articles/CBMifkFVX3lxTE5aZ3ZFby1TcVZxbzVrenZzV3E3MjJHZVcwSXBDNGt0M3l1dGhTUXgtdExtYkNYWGhWYmhlMTlXNWY3d2EzbF9XMjFvQVRrcjRGY2x2WHFWQ2FTNjl3eW5oMFd6VUtQel9kRlUzXzZ0NVNxLW9SY3A5dmRZWVhaQQ?oc=5
【網頁設計與前端 (Web Design & Frontend)】
No-Code & Site Builders (無程式碼工具：Framer、Webflow 等)
- 如何在 Webflow Cloud 應用程式中接收已驗證的 Webflow Webhook 並呼叫 REST API（How to receive verified Webflow webhooks and call the REST API from a Webflow Cloud app）
- 敘述：本教學指南展示了如何在 Webflow Cloud 環境中，安全地處理 Webflow Webhook 並與 REST API 進行互動。這對於希望將 Webflow 網站與其他系統整合，擴展其功能的無程式碼開發者和設計師來說，提供了關鍵的實用技術。
- 原文連結：https://webflowmarketingmain.com/blog/webflow-webhooks-rest-api-webflow-cloud
- 如何使用 Webflow Cloud 從 Webflow 表單觸發 ActiveCampaign 自動化（How to trigger ActiveCampaign automations from Webflow forms with Webflow Cloud）
- 敘述：這篇文章提供了具體的步驟，教導用戶如何利用 Webflow Cloud 將 Webflow 表單的提交與 ActiveCampaign 的自動化流程串聯起來。對於依賴無程式碼工具進行行銷自動化的設計師和企業主而言，這是一個提升效率、優化客戶關係管理的實用方案。
- 原文連結：https://webflowmarketingmain.com/blog/webflow-forms-activecampaign-automations
- 如何使用 Memberstack 和 Webflow Cloud 建立一個門禁式會員目錄（How to build a gated member directory with Memberstack and Webflow Cloud）
- 敘述：本指南詳細介紹了如何結合 Memberstack 和 Webflow Cloud，創建一個安全且功能完善的會員專屬目錄。這對希望在 Webflow 網站上實現付費內容、社群或獨家服務的設計師來說，提供了一套高效且易於實施的無程式碼解決方案。
- 原文連結：https://webflowmarketingmain.com/blog/memberstack-member-directory-webflow
- 如何使用 Webflow Cloud 獲取 Google Drive 圖像 URL 供 Webflow CMS 使用（How to get Google Drive image URLs for Webflow CMS with Webflow Cloud）
- 敘述：這篇文章展示了如何透過 Webflow Cloud 將 Google Drive 中的圖片轉化為可用於 Webflow CMS 的 URL，並能維持在自訂網域下。對於管理大量視覺內容的網站設計師來說，這提供了一個便捷的圖片資產管理和發布流程。
- 原文連結：https://webflowmarketingmain.com/blog/google-drive-image-urls-webflow-cms
- 如何使用安全的 Webflow Cloud 路由修復 Webflow 庫存 API 錯誤（How to fix Webflow inventory API errors with a secure Webflow Cloud route）
- 敘述：本指南深入探討如何透過 Webflow Cloud 的安全路由功能，解決 Webflow 庫存 API 中常見的 SKU ID 和範圍錯誤。這對於經營電商或需要精確庫存管理的設計師和開發者而言，是確保網站穩定運營、提升使用者購物體驗的重要技術。
- 原文連結：https://webflowmarketingmain.com/blog/fix-webflow-inventory-api-errors
【AI 設計與創意科技 (AI Design & Creative Tech)】
Creative Technology (創意科技應用)
- 速寫本特輯！ImagineFX 第 272 期（Sketchbook special! Issue 272 of ImagineFX）
- 敘述：這期雜誌的速寫本特輯為藝術家和設計師提供了豐富的實用靈感，鼓勵讀者探索和發展自己的藝術專案。它強調了從手繪草圖到最終作品的創意過程，對於所有尋求藝術靈感和技巧提升的創意人士都具有參考價值。
- 原文連結：https://www.creativebloq.com/news/sketchbook-special-issue-272-of-imaginefx-clone
【設計靈感與社群 (Design Inspiration & Community)】
Award-Winning Works (得獎作品與案例)
- 入圍者 - 2026 年 10 月 19 日 - Awwwards（Nominee - Oct 19, 2026 - Awwwards）
- 敘述：Awwwards 每日公布的入圍作品代表了全球網頁設計與使用者體驗的最新趨勢與最高水準。設計師可以從這些精選案例中汲取視覺風格、互動創新和技術實現的靈感，為自己的專案帶來突破性的思考。
- 原文連結：https://news.google.com/rss/articles/CBMiUEFVX3lxTE5LQmJRQ2JRNnp2VTM4SWpXVVZaYXdnSVVCZlJYLWk5dUNjT0cxTXphdWwxZXZzNGhWMG04V0ptaXNVZXdhRWluNXFTazB5TEZQ?oc=5
Brand & Identity (品牌與識別設計)
- 富勒姆足球俱樂部品牌更新，靈感來自球場牆壁上的手繪字體（Fulham F.C gets a brand refresh built on hand-rendered lettering found on the walls of its stadium）
- 敘述：富勒姆足球俱樂部透過從其球場歷史中發掘的獨特手繪字體進行品牌更新，成功地將傳統元素融入現代設計。這個案例展示了品牌設計如何透過挖掘在地文化與歷史細節，創造出既有根源又具備現代感的視覺識別系統。
- 原文連結：https://news.google.com/rss/articles/CBMiswFBVV95cUxQZGdPWGRsRHJXTVBNZzNxU3d3eW01anQ3SFVvZC1KX1lQZV9iYlFvWGk2ZEE4ZnhCTEJveXQteGlyVm44Smd4OEtjbVNidS1wTUt4SFZqQTByY05sZnl6NE5OdDJpYlVubGFmZ2pzMU16dTdhOV96TUJubVlaNV9KblM1SUJtdU9hdk5mOFByWTlKV3lWblNnUC0ybVMxb2ZSVC02RnRDTWdNWHdFOEdhbWE3TQ?oc=5
- 夾在岩石與困難王牌之間（Between a Rock and a Hard Ace）
- 敘述：這篇文章探討了一個品牌在面對挑戰時如何進行策略性設計選擇。對於品牌設計師來說，這是一個深入思考在複雜限制下如何找到創意解決方案的案例，強調品牌識別不僅是美學，更是解決商業問題的工具。
- 原文連結：https://news.google.com/rss/articles/CBMixAFBVV95cUxQV01aYzM5N192bVNDOU9WMEM5YXA1U2VzWlpEbzVqSlpHdklSVkdJOENrOXZnOHU4czU2UlcwV2ViaUNjU1lCaFNObThNcThXVnJrUG1qVFFSdjJyVG9KTDRSYV90VG1wcGlIaGdDOC1XT2FmXzd3Ti1kbGJuaXRnUlk5T0c2VERKUjhfX1BzaU4tWVRoRkVhWTdTTWNCRHNIVE03WnZNc1RPNWk2d3IxSlp3S2FrcXZPRWxzVkV6WExDY19V?oc=5
- Ambijus：OlssønBarbieri 包裝設計內幕（Ambijus: Inside OlssønBarbieri Packaging Design）
- 敘述：奧斯陸工作室 OlssønBarbieri 為 Ambijus 創造的包裝設計，著重於觸覺體驗，將非酒精飲品的美學提升到藝術層次。這案例啟示設計師，包裝不僅是容器，更是傳達品牌故事、營造感官體驗的重要媒介。
- 原文連結：https://abduzeedo.com/ambijus-inside-olssonbarbieri-packaging-design/
- Manifiesto 打造 Peko-Peko 品牌背後的工藝（Inside the Craft of Peko-Peko branding by Manifiesto）
- 敘述：Manifiesto 工作室為 Peko-Peko 品牌打造了一個結合可愛（kawaii）與墨西哥熱情（cariño）的 3D 視覺宇宙，其核心是一個氣球字母標誌。這展示了品牌設計如何融合多元文化元素，創造出獨特且富有玩味的品牌個性。
- 原文連結：https://abduzeedo.com/inside-craft-peko-peko-branding-manifiesto/
- 藝術 + 水：MacFadden & Thorpe 流動的品牌識別（Art + Water: A Fluid Brand Identity by MacFadden & Thorpe）
- 敘述：MacFadden & Thorpe 聯手 Anisha Sachar 為舊金山 Pier 29 的替代藝術中心 Art + Water 創造了流動的品牌識別。這個設計案例強調品牌如何透過動態且適應性強的視覺系統，完美呼應其藝術與水的融合主題，展現品牌的多樣性和生命力。
- 原文連結：https://abduzeedo.com/art-water-fluid-brand-identity-macfadden-thorpe/
- PS1 是你的地方：Porto Rocha 的品牌設計大師課（PS1 Is Your Place: A Masterclass in Brand Design by Porto Rocha）
- 敘述：Porto Rocha 為 MoMA PS1 美術館 50 週年設計的「PS1 Is Your Place」品牌識別，將其變成一個邀請宣言。這是一個經典的品牌案例，展示了如何透過將身份轉化為邀請，創造一個既具有包容性又充滿探索精神的品牌體驗。
- 原文連結：https://abduzeedo.com/ps1-your-place-masterclass-brand-design-porto-rocha/
- 設計災難還是創意解決方案？新加坡火車站內取代尋路標誌的自製紙牌（Design disasters or creative solutions? The self-made paper signs replacing wayfinding in Singapore’s railway stations）
- 敘述：這篇文章探討了新加坡火車站中，以自製紙牌取代正式尋路標誌的現象，引發了對設計品質與應急解決方案的討論。這啟示設計師在公共空間設計中，應考量使用者需求與環境限制，同時反思非官方設計解決方案的潛在啟發與其局限性。
- 原文連結：https://news.google.com/rss/articles/CBMinwFBVV95cUxPd3JuRzJMbXRDZk9FMVYyVHdQd1lLOEExS2tUWllYN2QwM0UtSFdKQkJIb1hxbzRnWmNvZEw4TFFFTUVVZUtod20xVkdYZVlXVDMzMGlKUldjeFF1Y0dDcW1MQVhkb01kc1k0SHNsNDI4bk9SWlFISERGSWdDSi1ET2lXemgxcjdMb2RGY1dxUnFGeG1ESHhFWHZZMXdpNHc?oc=5
Design Community News (設計社群動態)
- 我如何招聘產品設計師：十年作品集審核教會我的優秀候選人特質…（How I Hire Product Designers: What 10 Years of Reviewing Portfolios Taught Me About Great…）
- 敘述：一位資深設計師分享了十年來審核產品設計作品集的經驗，揭示了招聘過程中真正重要的特質以及哪些常見錯誤會導致失敗。這篇文章為正在尋找工作的產品設計師提供了寶貴的準備建議，幫助他們更好地展現自己的能力與潛力。
- 原文連結：https://medium.muz.li/how-i-hire-product-designers-what-10-years-of-reviewing-portfolios-taught-me-about-great-1ffa8e06e988?source=rss----5969bf7021a3---4
【設計系統與字體排印 (Design Systems & Typography)】
Typography & Type Design (字體排印與字型設計)
- SourceType 的《難以辨認字典》探索當字體排印失去意義時會發生什麼（SourceType’s Dictionary of the Illegible explores what happens when typography stops making sense）
- 敘述：SourceType 的這本《難以辨認字典》深入探討了當字體排印超越其可讀性功能，進入純粹視覺實驗領域時的可能性。這啟發字體設計師和視覺設計師思考文字的圖形潛力，以及如何在藝術表達和訊息傳達之間取得平衡。
- 原文連結：https://news.google.com/rss/articles/CBMi0AFBVV95cUxOWGVCWG1pbDE0OVlnQUtFV1BudG5hRVpMdWk4bXRNM29BNFExeUpubHZpTjY0czRBOEVlMXRhMUt2UWhURmtDenJVcTJTVkExN2RrcVJ3YWN3Y3VLUk1FTkcwM2dwbWw1RENETTQ3eW5fOXNITkpDQWZwZXhSU1BFZ2xxZ0NJXzlrbmpPdVpqSk5zUzRvdEROUm1VX3FXcXY0OHJwNUFEeHhUNXEtU1lvdnBjWnQ3aGduWTNMZ2xmR19pZUFCQmpUdVh2UmtXLXJC?oc=5
- Anna Philippi 的 Gargamelle 字體（Gargamelle by Anna Philippi）
- 敘述：Fonts In Use 網站展示了 Anna Philippi 設計的 Gargamelle 字體，提供了該字體在實際應用中的視覺範例。對於字體愛好者和設計師而言，這是一個了解新字型特性和潛在應用場景的絕佳資源，有助於拓寬字體選擇的視野。
- 原文連結：https://news.google.com/rss/articles/CBMibkFVX3lxTE9pdy05THFUODhINWM0OXQ5RzlOd1p2aUVjMG1mVGwwZEdhczJLYTZrbmR2LUM3bHpBb05rSWJGZFVyR1ZzMERxekNmdHFlRkNuVDdfd3h2a2FUZTJpVHAtY3diMHh4RDRJTThTbTFB?oc=5
- 2026 年 Sonic Acts 雙年展（Sonic Acts Biennial 2026）
- 敘述：Fonts In Use 網站展示了為 2026 年 Sonic Acts 雙年展設計的字體應用。這類案例為設計師提供了如何將字體與特定文化或藝術活動主題相結合的實例，啟發他們思考字體如何在大型品牌活動中建立獨特視覺語彙。
- 原文連結：https://news.google.com/rss/articles/CBMiakFVX3lxTFBOX1NKbl9tQkVxTnhWU2luSzZNX3hqdVVKLThwU2ZicW53SWVTTW9mNkZ4UHN4QXBidmFtVzVsMDd1YkNEUDhrTUpnbHNQN25RWmtFNmE4aVBPajBndEtBaG1ObThicDF4RWc?oc=5
- Pia-Mélissa Laroche 的《砍樹、堵泉、翻石》（Abattre les arbres, boucher les fontaines, renverser les pierres by Pia-Mélissa Laroche）
- 敘述：這篇文章展示了 Pia-Mélissa Laroche 設計的字體應用，可能是某個出版物或藝術專案的一部分。它為字體排印設計師提供了觀摩藝術家如何將字體融入敘事或概念表達的具體案例，強調字體不僅是閱讀工具，更是視覺藝術表現。
- 原文連結：https://news.google.com/rss/articles/CBMihgFBVV95cUxQMVB1WVJjbGdlMFZVY2lwZzM3N0ZWT040WGxrdzZYTG44WkRXQkgzNzJ2dlRtUk9VaWFlaGRXZEFvYnh0T0NCbk9PMVdnaVRTRlBoelJZMHBtVjFwTWtqTm81S28tX3FKOXdJYVM4RTNBbzFVTmV0cWlyQzRrajR1cjdCN1hZQQ?oc=5
- 迷你珍品。兒童唱片隱藏的寶藏（Miniatures. Trésors cachés du disque pour enfants）
- 敘述：Fonts In Use 網站呈現了兒童唱片設計中的字體應用，凸顯了如何在特定受眾（兒童）的產品中運用字體來傳達趣味性與親和力。這個案例對於設計師思考不同年齡層目標客群的字體選擇與視覺溝通策略具有啟發意義。
- 原文連結：https://news.google.com/rss/articles/CBMihgFBVV95cUxNOEpjSGFPbzJjYUh3SVQ5Z0dLYy1FMDhhM2ZGdi14bHVhOEQ0aVh4NDNzSHZRblJ2OEt0OU5MT0JiQjJMWEVVUjdwZVdsZURVekFybmJzNFNRMVJ0QlhGT3A0MnQyRXhNdDVFZEZVbzhzUmZXV3Y5SmhTckhaOEZqV2VDMENjdw?oc=5
- Nike 童裝 T 恤（Nike kidswear T-shirts）
- 敘述：此文展示了 Nike 童裝 T 恤上的字體設計應用，說明品牌如何將其標誌性風格與兒童服裝的活潑元素相結合。對於字體和品牌設計師而言，這是一個關於如何在商業產品中應用字體來強化品牌形象、同時吸引特定消費群體的實例。
- 原文連結：https://news.google.com/rss/articles/CBMiZ0FVX3lxTE45NlhOWDRXcGhQNVJvTDhuMERKc1dWQlUtSnNreEg0T2tvaTZCVHVmTTFBSXVwNHhpY3NKTWtNa0FJbmZIcmRoOGVaUEE0LUN1ZmpOMXdwbUpGaEJPMFZYU0YwREdWSTQ?oc=5
- 字體排印：Blaze Type 為 INTDEV 設計的 Server Mono（Typography: Server Mono by Blaze Type for INTDEV）
- 敘述：Blaze Type 與 INTDEV 合作設計的開源等寬字體 Server Mono，旨在提升終端機的可讀性和網頁字體排印的清晰度。這款字體針對開發者用戶的特殊需求進行優化，對於字體設計師而言，展示了如何結合功能性與美學，創造出高度專業化的工具字體。
- 原文連結：https://abduzeedo.com/typography-server-mono-blaze-type-intdev/
English Daily Highlights
Today's design pulse report showcases a strong focus on the transformative impact of AI on design workflows, alongside a deeper reflection on core UX principles and the enduring value of human craftsmanship.
A standout theme is the evolving role of design tools and designers in the age of AI. One article from UX Planet, "I Tried Designing an Entire Product in Claude Code Without Figma," signals a potential paradigm shift where AI coding tools could bypass traditional design software for initial prototyping, prompting designers to consider new skill sets or collaboration models with AI. Complementing this, Muzli's "AI Changed How I Design. It Didn’t Replace Why I Design." offers a valuable personal perspective, emphasizing that while AI automates "how" we design, the fundamental "why"—rooted in insight, strategy, and empathy—remains distinctly human. Further practical guidance for this new landscape comes from "From AI Prototype to Better UX: What Designers Should Test First" and "How to Make AI Generated Interfaces Look Designed," providing actionable strategies to ensure AI-assisted designs are not only efficient but also user-centric and aesthetically refined.
Beyond AI, fundamental UX and design philosophy are highlighted. UX Collective's "Human attention is the new old bottleneck. We have to design for it even more" stresses the critical importance of designing for user attention in an information-saturated world, urging designers to craft more focused and valuable experiences. Another profound piece, "UX designers are not designing interfaces, they design personalities," suggests a shift in UX focus from mere functionality to imbuing products with unique emotional character, fostering deeper user connection. This sentiment is echoed by "When anyone can make anything, personal taste and craftsmanship matters more than ever," a timely reflection on the increasing value of individual style, attention to detail, and authentic craft in a world where creation tools are becoming universally accessible.
In other notable news, the Webflow Blog features several technical guides on integrating Webflow Cloud with various APIs and services, underscoring the platform's growing capabilities for No-Code developers. Brand and typography explorations are also prevalent, with "It's Nice That" showcasing Fulham F.C.'s brand refresh leveraging hand-rendered lettering and "Abduzeedo" featuring diverse brand identities like Ambijus's tactile packaging and PS1's inviting declaration. These examples demonstrate how thoughtful branding and typography continue to play a crucial role in creating distinctive and memorable experiences across digital and physical realms. Overall, the day's highlights paint a picture of a design industry actively embracing technological advancements while reaffirming the timeless principles of human-centeredness and creative integrity.