门道

设计系统代码化同构:设计师如何用 AI 把 Figma Token 填进真实业务组件

入选理由把 Figma Token 拆成基础层与语义层:基础层只留色阶,语义层按界面角色命名,用提示词让 AI 先给映射方案再改代码。

知乎 搜索

设计系统代码化同构:设计师如何用 AI 把 Figma Token 填进真实业务组件

原文摘录作者:丹丹 在组件库建设里,设计师经常会遇到一些很熟悉的对话。比如: “这个按钮圆角能不能再大一点?” “这个描边颜色不太对,和页面层级不搭。” “Hover 状态能不能更明显一点?现在用户感知不到。” “这个业务是深色场景,主按钮如果还是普通纯色,会有点压不住。” 前端的回答也…
打开原文

知乎没登录时,原文可能整页显示成乱码(知乎的反爬措施),登录知乎或用知乎 App 打开就正常。

内容在原平台,这里不转载全文。版权归原作者。权利人如需下架,请看下架说明。

方法框架案例拆解专家长文只有经验小团队Figma#设计token#语义分层#组件映射