教學與資訊
AI 對設計產業的影響
AI 正在重寫設計產業的工作流程與人才需求。本文以台灣與國際近五年資料，解析 AI 在視覺設計、產品設計、UX/UI、動態與品牌設計的實際應用、工具比較、版權與法規風險，以及設計師、主管與 PM 未來 3–5 年該如何因應。
教學與資訊
教學與資訊
如何使用 Figma MCP 在 Codex 跟 Figma 連動並操作設計
說明如何透過 Codex 連結 Figma 並操作的方法。
教學與資訊
Stitch 是什麼？如何讓 Stitch 讓快速幫助你完成 UI 設計？
Stitch 是 Google 推出的 AI 設計工具，透過自然語言快速生成網站與 App UI，支援多版本設計、Figma 匯出與程式碼生成，幫助開發者與創作者大幅縮短從想法到成品的設計流程。
教學與資訊
Google Stitch 大更新：Vibe Design 時代的來臨
Google Stitch 推出「Vibe Design」重大更新，從 AI 生成工具進化為可協作的設計環境。支援無限畫布、設計 Agent、語音互動與即時原型，並透過 DESIGN.md 強化設計系統共享，重塑 UI 設計與開發流程。
教學與資訊
Every 的六位工程師教你「如何用 AI 放大工作成果」
Every 六位工程師利用 AI 工具、智能代理與自動化流程，以「六人之力」同時運營四款 AI 產品與每日新聞信，展示小團隊如何透過結構化流程與人機協作放大生產力。
網路資源
Lineicons：專為設計師與開發者打造的極致 icon 庫
Lineicons 提供 26,000+ 線條圖示，支援 SVG、React、Vue、Figma 等格式，結合設計美感與技術彈性，是前端與設計師的圖示首選。
網路資源
Phosphor Icons：靈活自由的開源 icon
Phosphor Icons：開源 MIT 授權的圖示套件，提供 Thin、Light、Regular、Bold、Fill、Duotone 六種風格，支援顏色、大小、粗細等客製化，給喜歡讓網站有更多不同變化的朋友參考。跨平台支援 Web、React、Vue、Flutter 及 Figma/Sketch 外掛。
網路資源
Nicelydone：豐富的UI／UX 靈感資料庫，設計人必備「靈感助推器」
Nicelydone：設計靈感資料庫，收錄超過 15 萬真實應用截圖、6,700+ 使用流程與 12,600+ UI 元件，支援文字搜尋與進階篩選。可建立收藏並共享，並一鍵匯入 Figma、Sketch，適合設計師與產品團隊快速尋找靈感。
網路資源
MingCute：簡約精緻的開源圖示庫
MingCute：開源高品質圖示庫，採 Apache-2.0 授權，提供線條與填滿兩種風格、SVG/PNG/Webfont 格式，上千款圖示並支援 Figma、NPM、Iconify 與動態 Lottie 整合，適合設計與開發快速打造一致美觀的 UI。
網路資源
Readdy：AI 幫你寫網站、出 UI，還能直接發布上線
Readdy 是一款 AI 網頁設計平台，透過自然語言就能生成 UI、Landing Page 並匯出前端程式碼或 Figma，適合創業 MVP 開發與視覺快速原型製作。
網路資源
Relume：整合 AI 的 Webflow & Figma 元件庫與網頁生成工具
Relume 是一款結合 AI 網站生成與 1,000+ Webflow／Figma／React 元件的建站平台，支援快速 wireframe 編輯與元件貼上，適合設計師與前端快速打造高質感網站結構。
網路資源
Fluent UI System Icons：免費的微軟現代化介面 icon 套件
Fluent UI System Icons 是微軟推出的開源圖示庫，含 2,000+ 圓潤風格圖示，支援 Regular 與 Filled 樣式，MIT 授權可商用，適合 UI 設計與跨平台應用。
網路資源
21st.dev：專為 AI Coding 打造的 React UI 元件平台，讓前端開發更快完成
21st.dev 是專為 AI Coding 打造的 React UI 元件平台，提供豐富元件、動畫與 Landing Page 範本，支援 MCP Server 與 Claude Code、Cursor 等 AI 工具，加速前端開發與介面設計流程。
網路資源
Lovart：像請設計師一樣簡單，由 AI 設計代理人幫你自動完成設計的工作
Lovart 是全球首個 AI 設計代理人，能將自然語言提示轉化為完整的品牌設計、海報、社群素材等，適合設計師、行銷人員與創作者快速產出高品質視覺內容。
網路資源
Lovable：透過 prompt、上傳圖片或是連結 Figma 就可以生成程式碼的服務
Lovable 是一款 AI 驅動的網頁與 App 開發平台，透過自然語言描述或 Figma 設計稿，自動生成響應式網站或應用程式，並支援即時預覽、後端整合與一鍵部署，幫助使用者快速推進專案開發。
網路資源
Figma to Website：快速將 Figma 設計轉為網站的好用服務
Figma.to.website 是一款讓設計師無需編寫程式碼即可將 Figma 設計快速轉換為網站的工具。該平台支持直接在 Figma 裡完成網頁設計，透過點擊「發布」按鈕即可上線。功能包括自動生成 HTML 和 CSS、全球 CDN 加速、支援響應式設計以及圖片最佳化。此外，它提供不同方案，從免費使用到高級方案，支援自訂網域、表單提交、密碼保護頁面等，滿足各種網站需求。
網路資源
Preline UI：整合 Tailwind CSS 的免費設計系統
Preline UI 是一個基於 Tailwind CSS 的免費設計系統，提供一系列可重複使用的 UI 元件和設計資源。這些資源旨在幫助設計師和開發者加速他們的項目開發過程，並確保一致性和高品質的設計。
網路資源
UiMagic：用AI創造未來的網頁設計用戶界面
UiMagic 是一個利用AI技術驅動的網頁設計工具，專為新創企業和個人開發者提供快速、專業的網頁設計解決方案。這個平台允許用戶提交概念，然後AI將這些概念轉化為實際的網頁設計，並可匯出至Figma等設計工具。UiMagic 的AI引擎可以理解用戶需求，高效生成符合個性化的網頁配置和元素，大幅減少設計時間與成本。