收录高品质、内容优先的网页设计规范与中文排版引擎。点击卡片可直接打开并查看对应的交互细节及完整设计规格。
仅需三步，即可将 Markdown 格式的设计规范转化为您项目的实际样式与主题配置。
进入任意设计规范详情页，点击右上角的 “Copy Spec” 复制 Markdown 文本。推荐将该内容保存至项目文档中（如 docs/design-system.md），作为团队一致遵循的设计标准源头。
将设计系统中的色板与大小 token 转换为 CSS 变量。声明在全局样式表（例如 global.css）的根元素中，以便在项目各处引用：
:root {
--color-primary: #42b883;
--font-sans: 'Inter', sans-serif;
--radius-lg: 8px;
}如果您使用 Tailwind CSS，可以将设计系统对应的数值配置写入您的 tailwind.config.js 配置文件中，实现原子化类的无缝继承：
module.exports = {
theme: {
extend: {
colors: {
vue: '#42b883',
}
}
}
}