用途:遍历 Figma 的某个节点或整个当前页面,在一轮检查中同时报告可访问性与设计质量问题。它完全通过 use_figma 运行,可检查真实设计(真实颜色、真实自动布局、真实变体名称),而非生成代码。
主要能力:该技能移植了 14 条 WCAG 2.2 规则,并加入 6 条设计系统/布局规则,填补了原生 Figma MCP 只读设计用于生成代码、不做设计端检查的空白。结果按规则分组,每条发现带有严重级别(critical/warning/info)与 wcagLevel(a/aa/aaa/best-practice/design-system),并包含问题节点的 node.id。
使用方式:先加载官方 figma-use 技能;脚本使用带顶层 await + return 的普通 JS,输入以内联 const 写在脚本顶部,颜色为 0–1 范围,文本操作前需先加载字体,使用 await figma.getNodeByIdAsync(...),错误为原子性(脚本失败不应用任何更改)。选择范围(NODE_ID 可为 frame、组件集或屏幕,留 null 则检查整页),选择规则(RULES 默认 ['all'],可缩窄到 'wcag'、'design-system'、'layout' 或具体规则 id,如 'wcag-contrast'),通过 use_figma(skillNames: "figma-lint-design")运行 scripts/lint-design.js,先编辑顶部 const 输入。
适用场景与限制:适合在设计阶段检查对比度、目标尺寸、焦点指示和颜色使用等问题。MAX_DEPTH 默认 10,MAX_FINDINGS 默认 100;若结果被截断,需缩小范围或提高上限。半透明填充上的对比度会标记 approximate: true。部分规则(文字大小、行高、字距/段距)标为最佳实践而非硬性 WCAG 失败。发现仅为描述性,不会自动修复,批量修改前应确认意图。每条发现都带 node.id,可跳转到对应节点,修复后重新运行同一范围以确认 summary.total 下降。更深入的组件级评分卡、代码侧可访问性检查或设计代码漂移检测不在本技能范围。其他细节资料未提供。