KUI

设计体系

集成 Arco Design Lab 主题能力，支持明暗模式切换与多皮肤主题，让设计规范与组件复用更高效

Arco Design Lab 主题集成

一键导入设计主题

通过 KUI 插件，你可以直接使用 Arco Design Lab 创建的设计主题。主题中的颜色变量、字体规范、间距系统等将自动同步到你的 Sketch 文件中，确保设计的一致性和规范性。

主题变量 色彩系统 字体规范 间距系统

明暗模式切换

一键切换主题模式

在设计文件中轻松切换明暗主题。插件会自动识别并应用相应的颜色变量，确保设计稿在不同模式下都能保持良好的视觉效果和可读性。

深色模式
浅色模式

多皮肤主题

默认主题

Indigo

科技蓝

Tech Blue

自然绿

Nature Green

活力橙

Vibrant Orange

支持自定义主题创建，满足不同品牌需求

组件库支持

企业级设计语言

完美支持 Ant Design 组件规范，让设计师能够在 Sketch 中使用与开发一致的组件库。从按钮、输入框到复杂的表格和模态框，所有组件都严格遵循 Ant Design 设计规范。

Button
Card
Table
Input
Form
Modal

字节跳动设计体系

深度集成 Arco Design 设计体系，支持组件库的完整导入和使用。Arco Design 的现代化设计语言和丰富的组件资源，让你的设计更加高效和专业。

Button
Card
Table
Input
Form
Modal

设计规范

色彩规范

统一的色彩系统，包含主色、辅助色、中性色和功能色

字体规范

清晰的字体层级，从标题到辅助文字的完整规范

间距规范

基于 8px 网格系统的间距规范

布局规范

栅格系统和布局原则，确保页面结构一致性

开始使用设计体系

通过 KUI 插件，你可以轻松导入 Arco Design Lab 创建的主题，使用主题变量进行设计，并在设计文件中灵活切换明暗模式和多皮肤主题。