[{"data":1,"prerenderedAt":58},["ShallowReactive",2],{"article-demo-figma-workflow":3},{"id":4,"title":5,"body":6,"category":42,"cover":36,"description":43,"draft":44,"extension":45,"featured":44,"meta":46,"navigation":47,"path":48,"publishedAt":49,"seo":50,"stem":51,"tags":52,"updatedAt":56,"__hash__":57},"articles\u002Farticles\u002Fdemo-figma-workflow.md","Demo Figma Workflow Article",{"type":7,"value":8,"toc":35},"minimark",[9,16,20,23,26,29,32],[10,11,12],"blockquote",{},[13,14,15],"p",{},"Demo 文章：示例内容不代表完整方法论，正式发布前请替换。",[17,18,19],"h2",{"id":19},"从少量规则开始",[13,21,22],{},"基础变量、文字层级和间距规则足以解决大部分早期一致性问题。组件数量不是成熟度指标，只有真实复用的结构才值得维护。",[17,24,25],{"id":25},"让状态可见",[13,27,28],{},"按钮、输入框与反馈组件需要覆盖关键状态。与其在页面中复制多个近似版本，不如先定义清晰的默认、悬停、聚焦、禁用和错误状态。",[17,30,31],{"id":31},"交付前检查",[13,33,34],{},"检查命名、约束、自动布局、响应式行为和开发注释。设计文件应该帮助团队理解意图，而不只是存放最终画面。",{"title":36,"searchDepth":37,"depth":37,"links":38},"",2,[39,40,41],{"id":19,"depth":37,"text":19},{"id":25,"depth":37,"text":25},{"id":31,"depth":37,"text":31},"Workflow","用简单约束维护界面一致性，让设计文件更容易协作、检查和迭代。",false,"md",{},true,"\u002Farticles\u002Fdemo-figma-workflow","2026-06-26",{"title":5,"description":43},"articles\u002Fdemo-figma-workflow",[53,54,55],"Figma","UI Design","Design System",null,"bdyBxMA-m1Jghw-BegcLf2KPRCZa1vV5K79Fk_oqmak",1784571990445]