"设计系统"相关的文章
AI,个人随笔
规范写了没人看?让机器在PR阶段守住字典引用

规范写了没人看?让机器在PR阶段守住字典引用

设计规范写满文档,前端两周后走查才发现有人自创红色,字典里根本没注册。规范防不住不看规范的人——这不是人的问题,是机制的问题。语义令牌与字典让规范从人盯变成机查,机器防线在PR阶段自动阻断非法引用。本文从码本定义到三层验证,完整呈现如何让语义一致性从靠自觉变成靠系统。
从规范到交付:小米设计系统HiUI 5.0的AI进化之路

从规范到交付:小米设计系统HiUI 5.0的AI进化之路

AI生成页面的速度令人惊叹,但真正挑战在于如何实现高质量交付。HiUI 5.0重新定义了设计系统的角色,从被动维护规范的组件库进化为主动参与交付的生产系统。通过整合企业级设计基线与AI代码生成能力,它不仅能一键生成符合规范的页面,更构建了从需求描述到自动验收的完整闭环,让设计系统真正成为AI时代的交付工具。
AI
把设计规范写成代码格式,是所有AI工具的上游约束方法论

把设计规范写成代码格式,是所有AI工具的上游约束方法论

AI生成界面时,设计意图为何频频偏离?问题根源在于缺少语义约束层。本文提出Schema-As-Code解决方案,通过YAML契约文件构建三阶段流水线,为AI工具建立上游约束机制。从组件语义快照到模式诊断,从规则文件编译到验证闭环,这套系统正在重新定义AI时代的设计规范管理方式。
AI,个人随笔
从语义快照到结构化诊断:三层判定模型与模式匹配机制

从语义快照到结构化诊断:三层判定模型与模式匹配机制

面对AI产品界面中的语义断层问题,结构化诊断方法(Semantic Pipeline)提供了一套工程化解决方案。本文详解三层递进诊断模型:从组件语义分类到漂移模式匹配,再到视觉表达校验,形成完整的诊断数据链,最终输出可直接进入契约工作台的标准化报告,实现从发现问题到修复执行的无缝衔接。
AI
当 AI 生成界面时,谁在守住设计意图?

当 AI 生成界面时,谁在守住设计意图?

AI工具正在重塑产品开发的workflow,但语义层的缺失正成为新的挑战。当AI能够自动生成界面元素时,如何确保设计意图准确传递?本文通过四个真实领域的对比案例,揭示了语义漂移带来的隐性成本,并提出了用Schema-As-Code构建语义约束层的创新解决方案,让AI在生成内容前就理解'不能做什么'的关键界限。
AI,个人随笔
Figma 如何用Agent终结设计工具的身份危机

Figma 如何用Agent终结设计工具的身份危机

Figma最新推出的Design Agent将彻底颠覆设计工作流程,它不只是又一个AI助手,而是将智能深度整合到画布中。这款工具解决了创意工作者最痛恨的"Toggle Tax"问题,让设计系统成为AI的专属上下文窗口,并通过Parallel Prompting实现并发探索式创作。更重要的是,它采用"控制权优先"策略,将AI定位为扩展可能性边界的协作伙伴而非替代者。
AI,个人随笔
我现在每天只做3件事:磨指令、搓 Skill、垒设计系统

我现在每天只做3件事:磨指令、搓 Skill、垒设计系统

Claude Design的推出正在彻底改变AI生成界面的工作流。这款工具不仅能自动从截图、代码或Figma文件中提取完整设计系统,更实现了从'人写给AI读'到'AI自己看懂并生成'的进化。文章通过三个实操案例,深度解析了如何结合System Prompt、Skill规范和设计系统三层架构,让AI输出既专业又美观的产品界面。
交互体验
Google Stitch 如何重塑UI 设计的边界与设计师的底牌?

Google Stitch 如何重塑UI 设计的边界与设计师的底牌?

Google Stitch 的推出正在颠覆 UI 设计的传统范式。这款工具通过深度集成 Material Design 3 的设计令牌、实现设计与开发的无缝对接,并引入 Gemini 大模型的 AI 能力,将设计师的角色从‘画图员’转变为‘系统架构师’。本文将带你深入探索 Stitch 如何重构设计流程,并分享快速掌握这一变革性工具的实操策略。