Ant Design 是螞蟻集團開源的企業級 UI 設計語言與 React 元件庫，全球使用最廣的 React 元件體系之一。它強調「確定性」與一致性：以結構化格線、克制留白與高完成度的預設樣式，讓中後台產品在不犧牲效率的前提下保持體面與秩序，設計價值觀圍繞自然、意義與成長展開。適合企業軟體、中後台與資料密集型介面。
Ant專業與企業
提示詞範本
基礎範本
Design a Ant Design-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #1677FF.
變體提示詞
📱 行動裝置
Design a mobile app with Ant Design aesthetics. Use Ant Design color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Ant Design style. Use Ant Design color identity with #8B5CF6 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Ant Design design language. Use Ant Design color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Ant Design visual identity. Use Ant Design color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用範例
Ant 應用程式
Web 端Build a web app with Ant Design design language and #8B5CF6 color system.
Ant 儀表板
儀表板Create a dashboard using Ant Design style with data visualization and #1677FF typography.
✅ 適用情境
- 企業級產品
- 企業中後台與 B 端管理系統
- 資料表格密集的業務應用
❌ 不適用情境
- 兒童教育類活潑產品
- 強調個性的創意作品集
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。