智能设计变量管理,接口怎样设计才少返工
模型可以从设计稿中提出 Token 候选项,但接口的稳定性来自分层、命名与变更规则,不来自一次自动抽取。
区分原始值与用途
原始色阶、间距等放在基础层;组件使用语义 Token,例如color.text.primary。AI 给出的命名需要人工确认,避免把临时视觉细节固化成公共接口。
{ "color": { "blue": { "500": "#1677ff" } }, "semantic": { "text-primary": "{color.blue.500}" } }变更要可追踪
为 Token 加版本和说明,构建时校验引用是否存在、是否循环。组件不应直接引用基础色值,这样主题调整时影响范围才清楚。
接口定得朴素,后续的颜色与留白才有余地慢慢生长。