標籤: 設計 頁1
設計相關的文章，目前共收錄 228 篇內容。
網路資源
Skills For Design Engineers：把設計工程經驗變成 AI Skills，打造更細膩的使用者介面
Skills For Design Engineers 是開源 AI Skills 專案，將 Design Engineer 的設計經驗轉化為 AI 可用知識，涵蓋 UI、動畫、互動設計與最佳實踐，協助 Claude Code、Cursor 等 AI 工具打造更高品質介面。
網路資源
Khroma：讓 AI 學會你的色彩喜好，打造專屬於你的配色靈感庫
Khroma 是 AI 配色工具，透過學習個人色彩偏好，自動推薦專屬配色方案，支援 HEX 色碼、漸層預覽與 UI 展示，適合品牌設計、網站配色、UI/UX 與前端開發靈感。
網路資源
NIPPON COLORS：探索 250 種日本傳統色彩，感受和風美學的線上色彩圖鑑
NIPPON COLORS 收錄約 250 種日本傳統色彩，提供日文色名、HEX 色碼、RGB、CMYK 與文化背景介紹，讓設計師快速探索和風配色靈感，深入了解日本美學與歷史色彩文化。
網路資源
21st.dev：專為 AI Coding 打造的 React UI 元件平台，讓前端開發更快完成
21st.dev 是專為 AI Coding 打造的 React UI 元件平台，提供豐富元件、動畫與 Landing Page 範本，支援 MCP Server 與 Claude Code、Cursor 等 AI 工具，加速前端開發與介面設計流程。
網路資源
Color Designer：從一個顏色出發，快速打造完整網站與 UI 配色系統
Color Designer 是專業線上配色工具，提供配色方案生成器、色輪、漸層色與色階產生功能，協助設計師與前端開發者快速建立 UI、品牌與 Design System 色彩系統。
網路資源
lottie：用自然語言生成可正式上線的 Lottie 動畫
lottie 是一個專為 AI Coding Agent 設計的 Text-to-Lottie 動畫生成框架，能透過自然語言建立可正式部署的 Lottie 動畫，大幅降低網站、App 與 SaaS 產品動態設計門檻。
網路資源
Taste Skill：替 AI Coding Agent 裝上設計品味，告別千篇一律的 AI 網頁
Taste Skill 是專為 AI Coding Agent 打造的前端設計技能框架，透過設計規則與風格模組提升 AI 生成介面的質感，改善常見的「AI 味」網頁問題，協助 Cursor、Claude Code、Codex 等工具產出更具設計感、品牌一致性與使用者體驗的網站與應用介面。
網路資源
Impeccable Style：專為 AI Coding Agent 設計的程式碼風格與工程規範指南
Impeccable Style 是一套專為 AI coding agent 設計的 coding style guide，強調可讀性、一致性與工程紀律，幫助 Claude Code、Cursor 等工具生成更穩定、可維護且符合團隊規範的程式碼。
教學
AI 對設計產業的影響
AI 正在重寫設計產業的工作流程與人才需求。本文以台灣與國際近五年資料，解析 AI 在視覺設計、產品設計、UX/UI、動態與品牌設計的實際應用、工具比較、版權與法規風險，以及設計師、主管與 PM 未來 3–5 年該如何因應。
網路資源
Open Design：開源版 Claude Design，讓 AI Agent 成為設計引擎
Open Design 是 Claude Design 的開源替代方案，採 local-first 架構，透過 skills 與 design systems 驅動 AI 設計流程，支援多模型與本地部署，快速生成高品質 UI、簡報與原型。
網路資源
Huashu Design：用一句 prompt 產出原型、簡報與動畫的 AI 設計工作流
Huashu Design 是一個將設計流程整合進 AI coding agent 的工具，透過 prompt 直接生成高保真原型、簡報、動畫與資訊圖。支援 HTML-native 工作流與多格式輸出，並結合品牌資產與設計評審，適合快速產出可交付設計成果。
網路資源
design.md：Google 推出的設計 token 規範與文件架構，幫助在 AI 開發能有更一致性的設計
design.md 是 Google 推出的 AI 設計系統格式，結合結構化 token（YAML）與自然語言說明（Markdown），讓 AI 能準確理解並生成一致 UI。支援 lint、diff、export 等工具，特別適合 AI 驅動開發與設計系統管理。
教學
一人負責 7 個產品？Anthropic 設計師教你用 Claude Design 提升設計效率
在 AI 工具快速進化的時代，設計流程也正在被重新定義。來自 Anthropic 的設計師 Ryan Mather，就是一個極具代表性的案例——他在公司內同時支援 7 條產品線（verticals），而背後的關鍵工具，就是 Claude Design。 他分享了自己實際使用 Claude Design 的心得，搭配官方教學，可以看出這個工具已經不只是「設計輔助」，而是一種全新的設計工作模式。
網路資源
Uiverse：可直接複製的前端 UI 元件庫，快速打造吸睛互動介面
Uiverse 是一個提供可複製 HTML、CSS（含 Tailwind）UI 元件的平台，涵蓋按鈕、卡片與動畫效果，支援即時預覽與社群分享，幫助開發者快速打造互動介面。
網路資源
Awesome Design Systems：一次掌握全球設計系統的最佳參考清單
Awesome Design Systems 是一個收錄 Google、IBM 等企業設計系統的開源清單，整理 UI 規範、元件庫與設計文件，幫助設計師與工程師快速掌握最佳實踐與設計靈感。
網路資源
getdesign.md：把網站設計語言變成 AI 可讀規格的靈感資料庫
getdesign.md 是一個 AI 設計系統資源庫，將熱門網站轉為 DESIGN.md 格式，讓開發者可直接套用並交給 AI 生成高一致性 UI，大幅提升前端開發與設計效率。
網路資源
Awesome Design MD：幫你快速套用 DESIGN.md 的開源設計模板庫
Awesome Design MD 是一個整理 DESIGN.md 設計系統範例的開源資源庫，將 UI 規範轉為 AI 可讀的 Markdown，讓開發者可直接透過 AI 生成一致且高品質的介面，重塑設計與前端開發的協作方式。
教學
Google Stitch DESIGN.md 格式完全解析與實戰教學
DESIGN.md 是 Google Stitch 的設計核心文件，透過「雙面性」結合人類可讀的 Markdown 與 AI 可執行的設計 tokens，定義色彩、排版與元件規範，確保 UI 生成一致且符合品牌設計，成為 AI 設計流程的單一真實來源。