变量和主题

1变量

用 Cmd+Shift+V 打开变量面板。你可以创建颜色、数字和文本变量，搜索它们，并把它们绑定到填充、描边、尺寸或文本上。Agent 还可以创建布尔（真/假）变量。

2主题

添加一个主题来创建维度（例如“模式”），再添加变体（例如“浅色”和“深色”）。每个变量可以为每个变体设置一个值，切换变体时，所有绑定到它的内容都会重新绘制。

把当前这套变量保存为预设，即可在其他文件中复用。预设可以导出为 .optheme 文件，也可以从中导入。

3设计系统

应用自带四套完整的设计系统：Halo、Lunaris、Nitro 和 shadcn。每套都是包含浅色和深色主题的完整 token 集。可以在“主页 > 设计系统”中应用，或让 Agent 来应用。

4design.md

设计系统面板（Cmd+Shift+D）保存一份设计的文字说明：视觉主题、颜色、字体排印、组件样式、布局原则和生成说明。Agent 在绘制前会先读取它。

• 以 design.md 文件的形式导入或导出。
• 用你的 AI 模型根据当前设计自动生成。
• “全部同步到变量”会把其中的颜色转换为变量；“+Var”则一次添加一个。

5风格指南

资产中心内置 63 份可供 Agent 遵循的风格指南，也可以添加你自己的：在“风格”下导入任意 DESIGN.md 文件，或直接粘贴内容。固定某个风格后，Agent 会在每个新设计中使用它。