✏️ 設計脈動日報 - 第 122 期 (2026-07-23)
焦點設計導讀
1. Figma 是否正在輸掉 AI 競賽?(Is Figma Losing the AI Race?)
分析段落:這篇文章探討了當前 AI 技術迅速發展的背景下,Figma 作為主流設計工具,在整合 AI 功能方面似乎進展緩慢的擔憂。這對數位產品設計師來說至關重要,因為 AI 正重塑設計工作流程,若 Figma 未能及時跟上,可能影響其在產業中的領導地位,並迫使設計師尋找更具 AI 整合能力的替代工具。
2. 螢幕正在被降級 (The screens are getting demoted)
分析段落:這篇文章指出隨著 AI 產品的日益進步,使用者介面(螢幕)的中心地位正在被削弱,設計的重點轉向「哪些螢幕仍然必要,哪些可以作為備援」。這對 UI/UX 設計師是個深刻的啟示,意味著我們需要重新思考介面設計的本質,從以螢幕為中心的思維轉變為以意圖和對話為中心的體驗設計。
3. Webflow MCP 2.0 帶來重大升級:功能一覽 (Webflow MCP 2.0 is a big upgrade. Here's what it can do.)
分析段落:Webflow 的 MCP 2.0 更新引入了組件創建、CSS 變數存取、代理指令及分析查詢等功能,大幅提升了其作為無程式碼(No-Code)建站工具的專業度與彈性。這對網頁設計師及前端開發者而言是重要消息,它使得在 Webflow 中建立複雜且高度客製化的網站變得更加容易,模糊了設計與開發之間的界線。
4. 打造 Ridgeline:在 Webflow 中實現即時 3D 體驗的工程學 (Building Ridgeline: Engineering a Real-Time 3D Experience in Webflow)
分析段落:這篇文章深入探討了如何在無程式碼平台 Webflow 中實現複雜的即時 3D 互動體驗,揭示了背後的架構決策、整合技巧及效能優化。這展示了無程式碼工具在創造前沿網頁視覺效果方面的潛力,為追求創新互動設計的設計師提供了新的思路和技術棧選擇。
5. 三星智慧眼鏡的真實面貌 (Here’s what Samsung’s smart glasses actually look like)
分析段落:三星與 Google、Gentle Monster 和 Warby Parker 合作推出的智慧眼鏡,揭示了其設計與初步規格,特別是外觀設計與 9 小時的續航力。這對於探索未來互動介面和穿戴式裝置設計的設計師來說,提供了一窺市場領導者如何平衡技術與美學的寶貴視角,預示了下一代介面設計的形態。
6. Autodesk 在 SIGGRAPH 大會的發表看似不相關,實則解決了同一個巨大問題 (Autodesk’s SIGGRAPH announcements look unrelated, but they all solve the same huge problem)
分析段落:Autodesk 在 SIGGRAPH 上的新工具發布,包括 3ds Max、Maya 中的 MotionMaker 和 Flow,儘管看似獨立,卻都指向解決 3D 創意工作流程中的共性問題。這對於動態設計師和 3D 藝術家來說,預示著工具將朝著更高效、更整合的方向發展,讓複雜的 3D 製作過程更加流暢。
7. 英國電影學院獎為生成式 AI 創作電影劃下界線 (BAFTA Draws a Line in the Code for Films Created Using Generative AI)
分析段落:英國電影學院獎(BAFTA)開始為生成式 AI 創作的電影制定規範,這標誌著創意產業對 AI 介入創作的態度轉變。這對視覺設計師與生成式藝術家而言至關重要,它不僅影響未來 AI 輔助創作的認可與應用,也引導著關於版權、原創性以及人類與 AI 協作界限的討論。
8. 提升 UI 的 5 大最佳 AI 設計工具:我重新設計了一個傳統銀行應用程式介面 (5 Best AI Design Tools for Great UI: I Redesigned a Legacy Banking App Screen)
分析段落:這篇文章透過實際案例,展示了如何運用五種不同的 AI UI 生成工具來重新設計一個傳統銀行應用程式介面,並評估了這些工具的實用性和局限性。這為 UI 設計師提供了一個實用的指南,幫助他們了解現有 AI 工具在實際專案中的應用潛力,加速設計迭代與探索新風格。
精細分類
設計工具與 UI/UX (Design Tools & UI/UX)
Design Tools Updates (設計工具動態:Figma、Sketch、Penpot 等)
- Penpot v2.17.0 版本中無法使用背景模糊選項 (Background Blur option not available in v2.17.0)
- 趨勢分析:這篇文章反映了開源設計工具 Penpot 在新版本更新中遇到的特定功能問題。對於依賴背景模糊效果的設計師來說,這是一個重要的可用性議題,顯示了工具迭代過程中可能出現的技術挑戰與社群回饋的重要性。
- 設計啟示:在設計工具的選擇與應用上,設計師不僅需關注功能本身,也要留意其穩定性與開發團隊對問題的回應速度。同時,開源社群的回饋對於工具的改進至關重要。
- 原文連結:https://community.penpot.app/t/background-blur-option-not-available-in-v2-17-0/10744
UI/UX Research & Methods (使用者研究與設計方法論)
- 我們親手築起的數位高牆 (The digital wall we built ourselves)
- 趨勢分析:這篇文章深入探討了全球頂級一百萬個網站中,高達 95.9% 仍然未能有效為最需要的人群提供無障礙服務的現狀。它強調了數位可訪問性(accessibility)在 UX 設計中的嚴重缺失與倫理責任。
- 設計啟示:對於數位產品設計師而言,這是一個嚴峻的警示,提醒我們必須將可訪問性視為設計流程的核心要素,而非事後補救。透過實踐包容性設計,才能確保產品惠及所有使用者。
-
原文連結:https://uxdesign.cc/the-digital-wall-we-built-ourselves-e9578f774374?source=rss----138adf9c44c---4
-
驅動您最喜愛應用程式的隱形決策 (The Invisible Decisions That Run Your Favourite Apps)
- 趨勢分析:這篇文章透過移除 YouTube 上單一數字的案例,探討了科技公司在應用程式設計背後所做的、看似微小卻影響深遠的「隱形決策」。它揭示了這些決策如何塑造使用者行為與體驗。
- 設計啟示:對於 UI/UX 設計師來說,理解這些隱形決策的機制至關重要,這有助於我們更深入地分析使用者行為,並在設計中做出更具策略性和影響力的選擇,而不僅僅是停留在表面視覺。
- 原文連結:https://medium.muz.li/the-invisible-decisions-that-run-your-favourite-apps-b54e33fd5d4b?source=rss----5969bf7021a3---4
網頁設計與前端 (Web Design & Frontend)
No-Code & Site Builders (無程式碼工具:Framer、Webflow 等)
- Orange 時尚線上商店:免費 WordPress 範本 (Orange Fashion Online Shop- Free Wordpress Template)
- 趨勢分析:這是一個基於 Figma 的 WordPress 免費範本,針對時尚電商設計,提供了一個完整的線上商店解決方案。它展示了設計工具如何為內容管理系統提供現成的視覺框架,加速網站開發。
- 設計啟示:對於想快速搭建電商網站或尋求設計靈感的設計師來說,這類整合式範本極具價值。它強調了設計系統和預設範本在效率提升上的作用,讓設計師能更專注於內容與品牌差異化。
-
Folira:Lunis Design 提供的免費作品集網站範本 (Folira: Free Portfolio Website Template by Lunis Design)
- 趨勢分析:Lunis Design 在 Framer 平台上發布的 Folira 是一個免費的作品集網站範本,它為設計師提供了一個快速且具有專業外觀的方式來展示他們的作品。這體現了 Framer 作為無程式碼工具在網頁設計領域的普及。
- 設計啟示:對於需要建立個人品牌和展示作品的設計師而言,這類範本大大降低了網站建設的門檻。它允許設計師將更多精力集中在作品本身的呈現與內容策劃上,而非技術細節。
-
Framer 代理程式效率提升 (Improved Agents Efficiency)
- 趨勢分析:Framer 宣布提升了其平台內「代理程式(Agents)」的效率,這可能代表其 AI 輔助設計或自動化功能得到了優化。這類進步旨在簡化工作流程,提升設計與開發的速度。
- 設計啟示:對於使用 Framer 的設計師而言,這意味著可以更有效地利用平台提供的智慧功能,減少重複性工作,並加速將設計概念轉化為可互動的網頁原型或最終產品。
-
Revamp Remodel:Felipe Carvalho 設計的響應式部落格網站範本 (Revamp Remodel: Responsive Blog Website Template by Felipe Carvalho)
- 趨勢分析:Felipe Carvalho 在 Framer 上推出了一個響應式部落格網站範本「Revamp Remodel」,旨在提供一個優雅且適應各種裝置的部落格建置方案。這凸顯了對內容發布和多裝置體驗的重視。
- 設計啟示:這個範本對於個人部落客、內容創作者以及任何需要展示文章的設計師都非常實用。它提供了快速部署、視覺吸引且具備響應式設計的最佳實踐,讓使用者能專注於優質內容的創作。
- 原文連結:https://news.google.com/rss/articles/CBMiekFVX3lxTE9udWxNbDRXY0xhenZfNDBGUzdPUVU4bjNyT3M5UGdCOU90d1ZmbjJUWVJfZFVBS3lOU2lvcjlxejNkdVlmS01RZlRkOHF6RE9ISTdpS19aSGxfdUw4SV8yc2V4T0NDSElMb09RMTBydGFWLU01UmdYWjVn?oc=5
AI 設計與創意科技 (AI Design & Creative Tech)
Creative Technology (創意科技應用)
- Halliday 最新智慧眼鏡顯示器大幅提升 (Halliday’s latest smart glasses feature a much-improved display)
- 趨勢分析:Halliday 的第二代智慧眼鏡在顯示器技術上取得顯著進步,解決了前代產品的視覺不適問題,這代表了穿戴式裝置在使用者體驗設計上的持續優化。更佳的顯示效果是推動智慧眼鏡普及的關鍵因素。
- 設計啟示:對於未來介面設計師而言,這強調了硬體技術與 UX 體驗緊密結合的重要性。當視覺質量提升,設計師才能在更舒適的介面上探索創新的互動模式,拓展介面的可能性。
-
原文連結:https://www.theverge.com/tech/968255/halliday-gen-2-smart-glasses-hands-on-ai-wearables
-
ComfyUI v0.28.3 版本更新 (v0.28.3)
- 趨勢分析:ComfyUI 發布了 v0.28.3 版本更新,這通常意味著該開源 AI 繪圖工具在功能、穩定性或效能方面有所改進。對於依賴生成式 AI 進行藝術創作或概念設計的設計師來說,持續的工具更新至關重要。
- 設計啟示:設計師應密切關注這類工具的更新日誌,了解新功能或優化如何融入現有工作流程,以提升創作效率和成果質量。開源工具的快速迭代也提供了更多實驗與客製化的機會。
- 原文連結:https://github.com/Comfy-Org/ComfyUI/releases/tag/v0.28.3
AI-Powered Design Tools (AI 設計工具)
- 《俠盜獵車手 6》概念藝術家表示你可能使用了太多工具——為什麼 80:20 法則就是你所需要的 (A GTA 6 concept artist says you’re probably using too many tools – why the 80:20 rule is all you need)
- 趨勢分析:一位《俠盜獵車手 6》的概念藝術家分享了關於工具使用效率的見解,建議採用 80:20 法則來優化工作流程,這在 AI 工具層出不窮的今天,提醒設計師應專注於核心能力而非盲目追求工具數量。
- 設計啟示:這篇文章促使設計師反思其工具棧,避免工具疲勞,並鼓勵精通少數高效工具。在 AI 輔助設計工具日益增多的環境下,選擇適合自身的核心工具並深入掌握,將是提升生產力的關鍵。
- 原文連結:https://www.creativebloq.com/3d/video-game-design/a-gta-6-concept-artist-says-youre-probably-using-too-many-tools-why-the-80-20-rule-is-all-you-need
設計靈感與社群 (Design Inspiration & Community)
Award-Winning Works (得獎作品與案例)
- 核心願景 (Core Vision)
- 趨勢分析:這篇文章是 Awwwards 平台上的獲獎作品或設計案例,通常代表著當前網頁設計領域的頂尖創意與技術實現。探討的是該作品背後的核心設計理念與視覺表現。
- 設計啟示:對於追求卓越的網頁設計師來說,Awwwards 的案例是極佳的靈感來源。透過研究這些作品的設計細節、使用者體驗和技術運用,可以學習到如何提升自己的設計水準和創新思維。
- 原文連結:https://news.google.com/rss/articles/CBMia0FVX3lxTE81am1GT25QTXE5dTBOZGYyUmNER1dZTlNYR2lPUXQ2TmZqdTJ6alB2Q3RvNU9Tem1USnFSa0NmQUFOdVNtb1RTV1BuMG1nZjBaRWdBYXhzU1FGYUhaSTdrRVhaOGVBZHRPeDc4?oc=5
Brand & Identity (品牌與識別設計)
- 全新品牌:Tátil Design 為 Vanto 集團設計的新標誌與識別 (Brand New: New Logo and Identity for Vanto Group by Tátil Design)
- 趨勢分析:Tátil Design 為 Vanto 集團打造了全新的標誌和視覺識別系統,這篇文章可能詳細介紹了設計理念、過程及最終應用。這反映了企業在市場變化中對品牌形象升級的需求。
- 設計啟示:對於品牌設計師而言,這是一個了解當代品牌重塑策略和視覺語言趨勢的案例。研究成功案例有助於提升在策略制定、概念發想及視覺表現方面的能力,為客戶創造更具影響力的品牌形象。
-
節慶海報設計向量插畫:Lomomolo 識別 (Festival Poster Design Vector Illustration: Lomomolo Identity)
- 趨勢分析:這篇文章展示了 Lomomolo 品牌識別在節慶海報設計中的應用,透過向量插畫來傳達獨特且精緻的視覺風格。它強調了視覺識別系統在不同媒介上的延伸性與一致性。
- 設計啟示:對於平面設計師和品牌設計師而言,這是一個關於如何將品牌核心精神轉化為具體視覺元素的優良範例。學習其在色彩、圖形和排版上的運用,有助於創造出更具影響力的品牌體驗。
-
原文連結:https://abduzeedo.com/festival-poster-design-vector-illustration-lomomolo-identity/
-
Lewis Parker 設計的有機品牌客製化瓶身包裝 (organic branding custom bottle packaging by Lewis Parker)
- 趨勢分析:Lewis Parker 的設計以極簡主義的字體網格結構,為藥品類別創造了有機品牌的客製化瓶身包裝。這種設計透過視覺張力傳達了產品的專業性與純粹性。
- 設計啟示:這篇文章為包裝設計師和品牌策略師提供了靈感,展示了如何透過簡潔的設計語言、精準的字體運用,以及對材料的選擇,來傳達品牌價值並在貨架上脫穎而出。
-
原文連結:https://abduzeedo.com/organic-branding-custom-bottle-packaging-lewis-parker/
-
Mari Kvel 為 Cake Social 打造俏皮烘焙品牌 (Mari Kvel Crafts Playful Bakery Branding for Cake Social)
- 趨勢分析:Mari Kvel 為 Cake Social 烘焙店設計了一個甜蜜且具有策略性的品牌識別系統,結合了溫暖奶油色調的包裝。這篇文章展示了如何運用設計打造出與品牌調性相符的整體形象。
- 設計啟示:對於品牌設計師而言,這是一個關於如何透過視覺元素(色彩、字體、插畫)和包裝設計,來傳達品牌個性和產品魅力的絕佳案例。它強調了品牌故事講述與情感連結的重要性。
- 原文連結:https://abduzeedo.com/mari-kvel-crafts-playful-bakery-branding-cake-social/
Design Community News (設計社群動態)
- 如何在 Muzli 上獲得精選 (How to get featured on Muzli)
- 趨勢分析:這篇文章為設計師提供了在 Muzli 編輯精選中脫穎而出的指南,Muzli 作為一個重要的設計靈感平台,被選中意味著作品能被數十萬創意人士看到。
- 設計啟示:對於希望提升個人品牌影響力、擴大作品曝光度的設計師而言,這是一份實用的攻略。它提示設計師不僅要創作優質作品,還要懂得如何包裝和呈現,以吸引社群與編輯的目光。
- 原文連結:https://medium.muz.li/how-to-get-featured-on-muzli-52ecc322e657?source=rss----5969bf7021a3---4
設計系統與字體排印 (Design Systems & Typography)
Typography & Type Design (字體排印與字型設計)
- 從具象到流動到口語:文字展覽目錄 (From Concrete to Liquid to Spoken Worlds to the Word exhibition catalog)
- 趨勢分析:這篇文章可能展示了一本關於文字、形態與表達的展覽目錄,其字體排印和版面設計本身就是藝術品。它探索了文字在視覺與概念上的多重可能性,超越了純粹的閱讀功能。
- 設計啟示:對於字體設計師和平面設計師來說,這提供了一個深入理解文字力量與其在視覺傳達中多樣化應用的機會。它鼓勵設計師實驗字體、排版和介質,創造更豐富的視覺敘事。
-
Cactus Jack × Oakley 品牌字體應用 (Cactus Jack × Oakley)
- 趨勢分析:這篇文章展示了潮流品牌 Cactus Jack 與眼鏡品牌 Oakley 聯名專案中的字體應用。這類跨界合作的品牌案例,通常會在字體選擇和視覺風格上尋求獨特的融合,以吸引目標受眾。
- 設計啟示:對於品牌與平面設計師而言,這是一個學習如何在聯名專案中平衡兩個品牌調性,並透過字體設計來強化合作視覺語言的實用案例。它強調了字體在建立品牌個性和傳達合作精神方面的重要性。
-
Fuensanta Sobejano 作品集網站 (Fuensanta Sobejano portfolio website)
- 趨勢分析:這篇文章介紹了設計師 Fuensanta Sobejano 的作品集網站,通常會聚焦於其網站的整體視覺風格、使用者體驗及字體排印的運用。一個精心設計的作品集本身就是設計師能力的最佳證明。
- 設計啟示:對於所有設計師來說,建立一個引人入勝且具備專業水準的作品集網站至關重要。這篇文章能提供關於字體選擇、排版佈局和視覺層次建構的靈感,幫助設計師更好地展示其創造力。
- 原文連結:https://news.google.com/rss/articles/CBMiekFVX3lxTE16SjZ4RVZCRHZLTW92WVRQYW04ekNSbEhFOGVRSTV4d2NzNzhmWVhNWEJWczVZeEMtZDdyS2RjQzVzTzNBaE8tS3Baei1SM3Jnby13ZGplMnd5a2VXMVh6NVhPaHFCTUJzenlhRzVuUEZzV2hXSXlGRlZR?oc=5
Design Systems & Tokens (設計系統與 Design Tokens)
- 嚴璐受 Dieter Rams 啟發的系統圖示設計 (Lu Yan Crafts Dieter Rams Inspired System Icon Design)
- 趨勢分析:嚴璐(Lu Yan)與張志毅(Zhiyi Zhang)受德國設計大師 Dieter Rams 簡約主義原則啟發,設計了一套擬物化系統圖示。這套圖示結合了 Braun 的工業設計美學,強調模組化設計理念。
- 設計啟示:這篇文章為設計系統和圖示設計師提供了重要靈感,證明了經典設計原則在當代數位產品中的持續生命力。透過對細節的精準把握和系統化思考,可以創造出既美觀又具功能性的圖示集。
- 原文連結:https://abduzeedo.com/lu-yan-crafts-dieter-rams-inspired-system-icon-design/
English Daily Highlights
Today's Design Pulse Report for July 23, 2026, reveals a dynamic landscape where AI and No-Code tools are rapidly reshaping design practices, alongside significant shifts in interface paradigms and brand identity strategies.
A key concern emerging is Figma's position in the accelerating AI race. While Figma has been the industry standard, its perceived slower integration of AI features raises questions about its future dominance. This prompts product designers to evaluate AI capabilities in their toolchain, potentially exploring alternatives that offer more robust AI assistance to streamline workflows.
Related to this, a significant trend highlighted is the "demotion of screens." As AI-first products become more prevalent, the traditional screen-based interface is giving way to more intention- and conversation-driven experiences. This necessitates a fundamental re-evaluation of UI/UX design, moving beyond pixels to focus on holistic user journeys in an increasingly multimodal interaction environment.
The No-Code movement continues to empower designers with enhanced capabilities. Webflow's MCP 2.0 update, with its component creation, CSS variable access, and agent instructions, signifies a major leap, bridging the gap between design and development. Furthermore, an impressive case study on building a real-time 3D experience within Webflow (Ridgeline) showcases the platform's advanced potential for interactive and immersive web designs, pushing the boundaries of what's achievable without traditional coding. Similarly, Framer is improving its "Agents Efficiency," hinting at more sophisticated AI-driven automation for web creation.
In hardware and future interfaces, Samsung's collaboration with Google and fashion eyewear brands to create smart glasses offers a glimpse into the next generation of wearable technology. The focus on both aesthetics and functionality (like 9-hour battery life) indicates a move towards seamlessly integrated, comfortable smart interfaces beyond handheld devices. Halliday's improved smart glasses display further reinforces the industry's commitment to perfecting the visual experience in extended reality.
AI's role in creative fields is also gaining scrutiny. BAFTA's decision to draw a line in the code for generative AI-created films signals a growing need for ethical guidelines and clear distinctions in artistic attribution and originality. This development impacts visual designers and generative artists, shaping how AI-assisted creations are recognized and integrated into traditional creative industries. On a practical note, an article evaluating 5 AI design tools for UI redesign provides valuable insights into how these technologies can be leveraged to expedite and enhance daily design tasks.
Lastly, design tool advancements in 3D creativity, as seen in Autodesk's SIGGRAPH announcements, promise more streamlined and integrated workflows for motion designers and 3D artists. Meanwhile, the typography and branding spheres continue to inspire, with new logo and identity projects (Vanto Group by Tátil Design, Cake Social by Mari Kvel) demonstrating innovative visual storytelling, and a deep dive into Dieter Rams-inspired system icon design offering timeless principles for creating coherent design systems.