Ant Design 是蚂蚁集团开源的企业级 UI 设计语言与 React 组件库，全球使用最广的 React 组件体系之一。它强调「确定性」与一致性：以结构化栅格、克制留白和高完成度的默认样式，让中后台产品在不牺牲效率的前提下保持体面与秩序，设计价值观围绕自然、意义与生长展开。适合企业软件、中后台与数据密集型界面。
React专业与企业开发者工具
提示词模板
基础模板
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 编程工具使用。