📰 本日設計情報｜Gemini 能生成 3D 互動模型、Nicelydone 讓 AI Agent 有設計眼光、SmashingConf 今天開幕
Google Gemini 新增互動式 3D 模型生成、Nicelydone MCP 提供 21 萬張真實 UI 給 AI Agent 參考、SmashingConf Amsterdam 今天開幕聚焦 AI 設計系統
AI 不只是在幫設計師畫圖，現在它開始「看懂設計」了。Google Gemini 可以直接在對話裡生成 3D 互動模型，Nicelydone 則讓 AI coding agent 在寫 UI 之前先參考 21 萬張真實產品畫面。與此同時，SmashingConf Amsterdam 今天開幕，帶來一整週關於 AI 驅動設計系統和無障礙前端的實戰工作坊。以下是最近最值得關注的 3 則消息。
🔥 Google Gemini 現在能直接生成互動式 3D 模型和模擬
Google 為 Gemini 加入了一項對設計師特別有感的功能：直接在對話中生成互動式 3D 模型、物理模擬和動態圖表。你可以旋轉分子結構、用滑桿調整物理參數、即時探索數據趨勢——全部在聊天視窗裡完成，不需要另開工具。
這項功能原本只有 Ultra 付費用戶能用，現在正式開放給所有 Gemini Pro 使用者。只要到 gemini.google.com 選擇 Pro 模型，輸入「show me」或「help me visualize」就能觸發。
對設計師來說，這不只是一個很酷的展示。當你需要快速驗證一個互動概念、跟工程師溝通 3D 元素的行為邏輯、或是幫客戶視覺化數據，Gemini 現在能直接幫你產出可操作的原型，而不只是一張靜態截圖。
Nicelydone MCP：讓 AI Agent 寫 UI 之前先「做功課」
如果你用 Claude、Cursor 或 VS Code 搭配 AI agent 來寫前端，大概有過這種經驗：生成出來的畫面功能沒問題，但怎麼看都像是「AI 味」很重的通用版面。Nicelydone MCP 就是來解決這個問題的。
這個 MCP server 連接了超過 21 萬張來自真實 SaaS 產品的畫面截圖和 1 萬多條使用者流程，涵蓋 dashboard、設定頁、登入頁、定價頁等各種常見頁面類型。每張截圖都帶有結構化的 metadata——頁面類型、UI 元素、版面 pattern、功能描述，讓 AI agent 在動手寫 code 之前，先「看過」大量真實的好設計。
這代表的趨勢值得注意：AI coding 工具正在從「能生成 UI」進化到「能生成好看的 UI」。當 Figma 開放 MCP 讓 agent 寫入設計檔，Nicelydone 提供設計參考資料庫，兩者結合起來，AI 輔助設計的品質天花板正在快速拉高。
📖 延伸學習
SmashingConf Amsterdam 今天開幕：AI 設計系統、無障礙前端、現代 CSS 全攻略
SmashingConf Amsterdam 2026 今天在阿姆斯特丹傳奇電影院 Pathé Tuschinski 正式開幕，為期四天（4/13–16），聚焦 UX 和前端開發。
今年的議程特別值得設計師關注的幾個亮點：TJ Pitre 帶來「為 AI 驅動產品團隊打造 Context-Based 設計系統」工作坊、Sara Soueidan 的無障礙前端 pattern 實戰、Christine Vallaure 的 Figma 深度探索、以及 Kevin Powell 的現代 CSS 工具箱。Vitaly Friedman 還會分享如何量化 UX 和設計的商業影響力。
一個有趣的觀察：今年 SmashingConf 的工作坊主題幾乎都圍繞在「AI 時代的設計基本功」——設計系統、無障礙、CSS 架構。這說明業界的共識越來越清楚：AI 工具再強，紮實的設計系統思維和前端基礎才是不會被取代的核心能力。
閱讀原文 — SmashingConf Amsterdam →
📖 延伸學習
