设计师发现了一个辅助功能问题。写了个工单。被扔进积压。从此石沉大海。这个季度没动，下个季度也没动。 Figma最近分享的一个案例翻转了这个熟悉的结局——设计师直接冲进了代码，创建分支，修复，提交了PR。 一天搞定。
为什么那个修复还在积压里
辅助功能问题大多看起来微不足道。某个日期选择器对比度太低，按钮屏幕阅读器读不了，导航标签模糊不清。可问题是，这不是"太小不值得修"——而是"没人有时间碰它"。WebAIM 2026年2月的调查显示，排名前列的网站有95.9%没通过WCAG标准，平均每页56.1个错误——比去年还多10.1%。6年来数字第一次变差。
为什么这些小修复永远卡在积压里？因为工单制工作流的结构性天花板。设计师说"这个屏幕对比度能不能改一下"，工程师看到的就是这一个屏幕。可实际上那个日期选择器经常是个共享组件——在购物页、活动页、个人资料页一共用了三处。改一处，其他两处还是坏的——除了直接读过代码的人，谁都不知道。
辅助功能债不光会堆积，还会生利息。无障碍访问的组件越铺越广，负责人一换就失去上下文，修复变慢还变危险。用户越多，被同一个障碍卡住的人就越多。 有份分析说，积压里放着的Bug修复成本比开发阶段就抓住的还要多2480美元。 说白了，放着不管其实更贵。
Figma的实验方法——MOSF案例
Figma分享的案例是一个虚拟博物馆网站，叫"Museum of Speculative Futures (MOSF)"。Figma的Agent扮演初访者、会员、屏幕阅读器用户这样的合成人设去测试网站，找出了问题：导航标签不清楚、日期选择器对比度低、CTA按钮难以发现。
这还是常规QA报告。关键来了。设计师把GitHub仓库连上Figma Make，从现在的网站代码上新建了个分支。然后他们在代码级别发现——那个日期选择器是个在三个页面上都用的共享组件。与其打补丁，他们直接修复了整个组件，一次性搞定。
| 传统工单工作流 | Figma Make PR工作流 | |
|---|---|---|
| 问题范围确认 | 只能看到单个屏幕 | 代码级别发现共享组件 |
| 上线时间 | 季度级别的积压拖累 | 一天内上线 |
| 辅助功能说明 | 工单文本描述，容易遗漏 | aria-label和焦点顺序直接在PR里标注 |
| 变更记录 | 工单和代码分离，上下文丢失 | 一个PR记录了意图、审查和决策 |
值得注意的是团队审查阶段添加的注释。设计师交付工作时，设定了aria-label，确保屏幕阅读器读到的文字和视觉文字一致，修改了焦点顺序让CTA可以到达，给空状态加上了屏幕阅读器提示。这些全都在代码注释里保留了。
然后就是PR了。设计师从Make直接提到GitHub，工程师审核合并。用Figma博客的话说："PR不仅记录了什么变了，还记录了怎么变的。" 本来得烧掉整个季度的修复，一天就上线了。
为什么这现在可以做到
这个工作流不是凭空出现的。Figma在2026年6月的Config大会上发布了"代码图层"功能，正式明确了方向——"把代码当作设计素材"。设计图层一键或通过提示变成交互式代码图层，现有GitHub仓库能拉进Figma Design，设计图层和Git代码能双向同步。 Figma Make本身5月末就开放了，让设计师可以在画布里直接编辑真实的生产代码库、创建分支、开PR——全不用离开Figma。
但这不是说"设计师现在是工程师了"。Figma本身的描述是设计师不用变成工程师，工程师也不用变成设计师，各自都能从自己的岗位接触代码。 大型架构重写还是工程师的活儿；设计师在现有组件框架内负责改进。PR不自动合并，必须工程师sign-off，也是同样的考虑。
我们团队要用的话
- 先扫一遍积压
找出那些放了好几个季度、"看起来屏幕大小但可能是共享组件"的辅助功能工单。那是最合适的试验对象。 - 先把仓库访问权限摸清楚
要让设计师能创建GitHub分支，得先和团队敲定访问权限、分支保护规则、PR审批线。没权限再好的工具也用不了。 - 提前划清设计师和工程师的工作边界
超出组件复用范围的架构改动归工程师；样式、标签、焦点顺序这类改进归设计师——工作流启动前得把这条线文档化。 - 把辅助功能注释当成PR标准清单
aria-label、屏幕阅读器文字是否匹配、焦点顺序、空状态提示——把这四项放进PR模板，审查速度能快很多。 - 先用小案例验证一下
全公司铺开前，学MOSF做一个完整的辅助功能修复从上线到投产，量一下花了多长时间、审查了多少次，再决定是否扩大。
想更深入了解
Workflow Lab: Deploying Designs Directly with Figma Make 这篇文章的来源，Figma官方博客。能看到完整的MOSF工作流程。figma.com
Accessibility Debt: How to Measure It and Pay It Down 深入讨论辅助功能债为什么会复利增长，以及怎么计算成本。testparty.ai
Web Accessibility Statistics 2026 年度报告，包含WCAG失败率、每页错误类型、美国诉讼统计。digitalapplied.com
Figma Launches Code Layers & Motion at Config 2026 Make的基础——代码图层功能的发布总结。cmswire.com
figma/actions-create-pull-request Figma团队实际用来自动生成PR的GitHub Action仓库。想了解内部机制的话可以看这个。github.com
打造真正可用的设计系统 国内化妆品评测平台Hwahae清理遗留组件债务、建立设计系统的案例。blog.hwahae.co.kr
