ai2 Design System

ai2 Design System 是一个专为 AI 时代打造的开源设计系统，旨在让 AI 能够直接读取并生成符合规范的界面代码。它解决了传统设计系统在应对细节需求时（如一个特定色调的小型描边按钮）往往需要编写自定义 CSS 的痛点，将这类需求转化为简单的属性配置。

核心功能

ai2 Design System 提供了 51 个基于 MIT 许可的组件，每个组件都拥有完整的变体（variant）、色调（tone）和尺寸（size）矩阵，并统一构建在 OKLCH 色彩令牌层上，支持明暗主题的无缝切换。系统内置 307 种样式变体和 8 种预设主题，覆盖了绝大多数界面设计场景。

主要特性

• AI 友好：组件通过机器可读的轴（axes）定义，并附带 llms.txt 和 MCP（Model Context Protocol）支持，让 AI 能轻松理解和调用。
• 一致性：所有样式基于单一令牌源，确保设计语言的高度统一。
• 灵活性：通过属性即可实现复杂样式调整，无需编写额外 CSS。
• 开源免费：核心功能完全免费，无需注册账户即可使用。

适用场景

ai2 Design System 适合所有希望利用 AI 加速界面开发的团队，无论是快速原型设计、自动化 UI 生成，还是构建内部设计系统，都能显著提升效率。它也是 AI 编程助手（如 Copilot）的理想设计语言基础，让 AI 生成的代码更符合设计规范。