AI,个人随笔 设计系统负责人的语义生长之约束显化:把1条”绝对不能”翻译成机器规则 设计系统负责人如何把评审会上反复强调的'绝对不能'变成机器能拦截的规则?本文提出最小可行方法:找到出现频率最高的那条禁令,补全三个答案,写成结构化边界定义,让AI和CI自动执行。从口头禁令到机器规则,只需翻译1条,就能建立约束显化的评审能力。 魏雯 Akir AI生成案例分析约束显化
个人随笔 设计系统负责人的语义生长:在1个组件的2个场景上练习核对 设计系统负责人如何低成本建立组件语义评审能力?本文提出只需找到使用频率最高的组件,核对它在2个场景下的语义身份,就能从“管组件长什么样”升级到“管组件承担什么责任”。通过真实案例和结构化域绑定方法,帮你迈出语义治理的第一步。 魏雯 Akir 案例分析组件库设计系统
AI,个人随笔 设计系统负责人的语义生长:从追问1个Design Token开始 设计系统负责人不必推翻整套Design Token,只需找到使用频率最高的那个状态色,追问三个问题,就能从“管颜色值”进阶到“管语义含义”。本文以错误色为例,拆解语义评审的最小可行路径,帮你用最低成本启动组织级语义治理。 魏雯 Akir design token经验总结设计系统
AI,个人随笔 设计系统负责人的语义生长:从管”长什么样”到管”意味着什么” 当AI开始生成界面,设计系统负责人面临新挑战:组件库管住了“长什么样”,却管不住“意味着什么”。本文深入探讨设计系统负责人如何参与语义令牌定义、语义域划分与约束显化,将人脑中的评审直觉转化为机器可执行的规则,确保AI生成界面时视觉与语义双重正确。 魏雯 Akir AI生成界面design token规则定义
AI,个人随笔 语义翻译:一条规则从被发现到自动生效,要经过谁? 当团队里不止一个人在做语义翻译,规则量从5条变成50条,谁来保证分散的翻译指向同一套机器规则?本文深度拆解一条规则从被发现到自动生效的完整生命周期,涵盖诞生、成长、分发、生效、验证、迭代六大环节,揭示组织翻译机制背后的关键决策点与角色分工。 魏雯 Akir AI应用组织协作规则引擎
AI,个人随笔 编译管线:一份YAML契约,编译出Prompt/Schema/CI规则 设计规范从YAML契约到四种消费格式,人工翻译导致语义分叉、版本错位。本文提出编译管线作为机器翻译层,通过四层验证确保Prompt、JSON Schema、Checklist与CI规则承载同一语义,并实现自动同步与版本追踪,让规则真正被消费。 魏雯 Akir AI产品DesignOpsSchema-As-Code
AI,个人随笔 约束显化:把隐含的语义假设变成显式规则 当AI成为界面生产主体,设计师脑中的语义判断若仍停留在评审会与文档中,将必然失效。本文论证约束显化的必要性:将隐性规范形式化为机器可读的YAML契约,编译为Prompt前缀、JSON Schema、Checklist与CI规则,获得机器可读、自动校验、版本管理与多格式分发四项传统规范无法提供的能力,为AI生成时代的界面质量提供工程化解法。 魏雯 Akir AI生成DesignOpsYAML契约
AI,个人随笔 跨层禁止:机器如何拦截非法语义绑定 语义规范写在文档里,不等于边界被守住。本文通过编译期、Lint期、生成期三层机器校验,验证跨层禁止规则能否拦截非法语义绑定,证明“场景决定语义”从纸面规矩升级为可执行的防线。 魏雯 Akir 契约化机器校验案例分析
AI,个人随笔 规范化你的AI对话:基于Vibe Design的markdown“设计说明书”实践 DESIGN.md用纯文本描述产品的视觉身份,让AI锚定既有设计系统而非从零发明样式。从YAML前置的设计token,到品牌、颜色、组件等章节结构,这套由Google Stitch团队开源的规范,正成为AI辅助UI设计的标准配置。 TCC翻译情报局 AI应用DESIGN.mdGoogle Stitch
AI,个人随笔 语义域:组件是空容器,语义由场景定义 当AI生成界面时,组件名称已无法承载语义。本文提出语义域模型:组件是空容器,语义由场景外赋。通过L1覆盖层与L2语义绑定,实现域内唯一定义、跨域防腐,解决升级重写、一名多义等漂移问题。 魏雯 Akir AI生成界面技术原理系列文章
AI,个人随笔 AI 生成 UI 总缺高级感?聊聊 DESIGN.md DESIGN.md,一个让 AI 生成界面不再“差点意思”的纯文本设计规范。它能否成为设计系统与 AI 之间的桥梁?本文梳理了其核心概念、与设计令牌的关系,并结合 Atlassian 实测,探讨其适用场景与边界。 肥源 AI产品AI应用DESIGN.md
AI,个人随笔 Token 层差异:从颜色值到语义状态的三层跃迁 Design Token 改名不等于语义化,AI 生成界面时仍会踩坑。本文通过真实案例,对比 Style Token、Design Token 与 Semantic Token 的三层跃迁,揭示机器可执行结构的关键差异,并展示如何用 Schema-As-Code 框架构建上游约束层,让 AI 在生成前就理解语义边界。 魏雯 Akir AI生成界面design tokenSchema-As-Code