你岗位的 AI 智能体

设计走查 · 设计师

用 AI 智能体做这件事

走查要贴着实现平台与设计规范做,否则尺度对不上。先声明设计工具、目标平台系统(Web / iOS / Android)与你们的设计规范口径(间距倍数、字号规范、在用组件库),再逐项比对设计稿与实现截图。截图含真实用户数据时先脱敏;实现没给出截图的状态会标【待补】。

你需要准备

  • 你的设计工具与规范(Figma / Sketch),含间距倍数、字号与圆角规格、在用组件库
  • 目标平台与系统(Web / iOS / Android)——各端控件与安全区不同
  • 设计稿(标注或整图)与开发实现的同尺寸截图(缺的先记下,AI 会标【待补】)
  • 需要重点核对的项(新增组件、最近改动页)
  • 脱敏要求:实现截图里若有真实用户数据,先打码或替换为测试数据

怎么做

  1. 先声明设计工具、规范口径与目标平台系统
  2. 把实现截图里的真实用户数据脱敏(昵称、手机号打码或换成测试数据)
  3. 对齐设计稿与实现截图,粘贴提示词
  4. 逐项给开发提交问题清单,核对【待补】项
一句话提示词

这是【页面】的设计稿和开发实现的截图,帮我做一次设计走查:逐项对比间距、字号、颜色、对齐、圆角、图标和交互状态,把问题列成一张清单,标明位置、设计稿要求、实际效果和建议改法;实现没给出截图的状态标【待补】、不要编。

它会交付什么

  • 走查问题清单:问题位置、设计稿要求、实际效果、建议改法(建议属 AI 归纳,需人工判断)
  • 按严重程度排序的问题(排序属 AI 归纳,需人工判断)
  • 实现截图或设计稿未覆盖的组件状态、边界场景清单,缺失处标【待补】

效果示例

输入一个 Web 列表页的设计稿与实现截图(截图里用户昵称已打码)→ 输出走查清单,指出卡片间距比设计稿小 4px、按钮缺 hover 态;「空状态未给实现截图」标【待补】。(示例为示意,建议与排序属 AI 归纳、需人工判断)

常见问题

会不会编数据?

只按你给的设计稿与实现截图比对,没给的界面状态标【待补】,不替你想象实现效果。

一次走查多少页?

建议一次 1–3 个页面,页面太多容易漏项,多页请分批。

数据安全怎么保证?

先把截图里的昵称、手机号、订单号打码或换成测试数据,这是前置步骤,别原样发。

判断准吗?

问题定位与建议属 AI 归纳,需人工判断;间距 / 字号是否合规要对着你的规范核实。

同岗位其他场景

已复制,去发给你的 AI 智能体