设计体系 | Open Design Docs

设置里的「设计体系」用于管理首页中可使用的品牌和界面风格。设置面板中有些位置也可能显示为「设计系统」，含义相同。

设计体系是一套可复用的视觉和界面规则，例如颜色、字体、按钮、卡片、页面间距和品牌气质。

当你希望后续生成内容保持品牌风格时，就需要选择或创建设计体系。

使用前，可以准备产品截图、品牌文档、已有项目或前端仓库。不确定时，先使用默认设计体系。

保存方式

设计体系列表中的「在首页 Gallery 中显示」开关会跟随设置自动保存。导入、重命名会直接写入设计系统库；成功后，列表会刷新并可立即在首页或项目中选择。

按钮 / 区域	作用	使用方式
已安装	查看已有设计体系	看当前可选哪些风格
添加设计系统	展开导入面板	品牌、产品线或活动风格需要固定时使用；详细步骤看新建设计体系的完整流程
来源：本地 / GitHub	选择导入来源	本地项目填路径，GitHub 项目填仓库 URL
结构：混合 / 规范化 / 原样保留	选择导入后的文件组织方式	不确定时使用默认的「混合」
工艺：颜色 / 无障碍	让导入时额外提取或校验对应规则	希望强化品牌色或基础无障碍要求时勾选
从 GitHub 导入	从代码仓库导入	有前端仓库地址时使用
从项目导入	从已有本地项目导入	当前项目效果适合复用时使用
查看导入的设计系统	跳到刚导入的条目	导入成功后用于快速定位
搜索	按标题、分类或摘要查找	已安装设计体系较多时使用
分类	按分类过滤	只看某一类设计体系时使用
预览卡片	查看设计体系详情	点击卡片打开预览
重命名	修改用户可编辑设计体系的名称	点击卡片标题旁的编辑按钮
显示全部	展示所有设计体系	有隐藏项时查看
显示隐藏项	查看被隐藏的设计体系	想恢复隐藏项时使用
在首页 Gallery 中显示	控制是否出现在首页选择区	常用设计体系建议开启

本地导入适合已经在电脑上的前端项目、组件库或可复用设计文件。GitHub 导入适合公开或可访问的代码仓库。

结构模式决定导入后如何整理文件：「混合」会在保留项目特征的同时整理为更容易复用的结构；「规范化」更偏标准化；「原样保留」更适合希望最大程度保持原目录的人。

设置里的「设计体系」偏管理和开关；左侧导航里的设计体系更适合了解整体概念、新建流程和日常使用方式。

问题	处理方式
首页找不到某套设计体系	检查是否关闭了「在首页 Gallery 中显示」
不知道导入哪种方式	本机已有项目选「本地」，有仓库地址选「GitHub」；结构模式不确定时保持「混合」
重命名失败	检查本地守护进程是否正常运行，然后重试
生成结果仍不像品牌	在任务里明确写「使用某设计体系」，并补充要参考哪些视觉特征