OverlayQA 是一个深度对接设计与开发的智能审核工具。它不仅能将实时构建与 Figma 设计稿完美比对,还提供 AI 设计审查与 WCAG 无障碍审核,精准把控标记偏移。最亮眼的是,它能立刻将发现的问题转化为带截图、CSS 选择器及计算值的开发就绪任务,可直接用于各类环境
两种使用方式
Chrome 扩展:适用于本地环境、测试环境以及需登录的页面。
应用内仪表盘:捕捉并审查任何公开 URL,无需安装。非常适合利益相关者和客户。
功能
视觉比较:将 Figma 画框叠加到任意实时页面。AI 对比设计与实现,标记间距、颜色和布局不匹配。
AI 设计审查:GPT-4o 在没有任何人报告之前检测 UI 问题。
无障碍审核:axe-core WCAG 扫描加 AI 视觉分析,捕捉对比度、触控目标和 ARIA 问题。
设计系统审计:提取颜色、排版、间距和边框标记,并标记偏移。
团队和客户审查:共享链接;利益相关者可固定注释并留下笔记,无需登录。
导出与同步:一键同步到 Jira、Linear、Slack 等,状态、负责人、优先级和评论双向同步。

插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
OverlayQA下载地址
为打击盗链困扰,本站已启用公众号验证
扫码关注公众号,发【识别码】获取
扫码关注公众号,发【识别码】获取
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
订阅评论
登录
0 评论











