mcpField
F
figma-design-review

figma-design-review

github.com/mohitagw15856设计与 UI1.5k53 次安装5 天前更新
代码仓库

关于 figma-design-review

figma-design-review 是面向产品经理的 Figma 设计评审技能,依据产品需求和用户流程判断设计是否完整并可交付工程,而非评价视觉风格。

主要功能

  1. 01逐项核对需求覆盖情况
  2. 02检查用户流程及错误、空白和加载状态
  3. 03记录以产品结果为依据的顾虑
  4. 04整理待解决问题和负责人
  5. 05给出明确的审批结论

适用场景

  1. 01依据 PRD 或验收标准评审 Figma 设计
  2. 02检查交付工程前是否遗漏流程状态
  3. 03区分需求缺口与产品顾虑
  4. 04整理评审问题和审批条件

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/mohitagw15856/pm-claude-skills --skill figma-design-review

安装后在 Claude Code 中输入/figma-design-review确认已加载。

详细介绍

Figma 设计评审 Skill

执行结构化的 PM 设计评审——检查设计是否符合产品需求、涵盖所有用户流程,并已准备好交付工程团队。这是一次针对需求和结果的评审,而非审美评判。

不太符合你的需求? 如果需要严格对照规格进行检查,请使用 figma-design-qa。

必需输入

  • 设计描述或界面摘要
  • 原始需求(PRD 片段、工单或验收标准)
  • 正在设计的用户流程
  • 评审阶段(概念阶段 / 中保真 / 交付前最终版)

输出结构

1. 评审标题

功能、评审阶段、评审人、日期。 总体状态: 已批准 / 修改后批准 / 需要修改

2. 需求覆盖检查
需求已覆盖?备注
[来自 PRD 的需求]是/否/部分[具体观察]

未覆盖需求摘要:[尚未处理的需求——批准前必须解决]

3. 用户流程完整性
流程步骤已设计?问题
[步骤]是/否/部分[问题]
错误状态是/否
空状态是/否
加载状态是/否
4. PM 关注事项

[关注事项] — 阻塞 / 应修复 / 可选修复

  • 内容:[具体观察]
  • 重要性:[对业务或用户的影响——而非审美偏好]
  • 建议解决方案:[PM 希望看到的内容]
5. 待解决问题
问题负责人截止日期
[问题]设计师/Eng/PM[日期]
6. 批准决定

已批准 / 修改后批准(列出修改项)/ 需要修改(重点领域 + 下次评审日期)

质量检查

  • 已评估每项需求
  • 已检查所有流程状态(错误、空、加载)
  • 关注事项聚焦于结果,而非审美
  • 待解决问题均有负责人
  • 已明确说明批准状态

反模式

  • 不要在没有需求清单可供对照的情况下评审设计——务必先索要 PRD、设计简报或验收标准
  • 不要给出含糊的批准状态——必须明确决定为“已批准”“有条件批准”或“未批准”
  • 不要混淆需求缺口与 UX 关注事项——应分别跟踪,以便工程师和设计师各自采取行动
  • 不要提出关注事项却不说明解决问题所需的信息
  • 不要跳过待解决问题——评审时未解决的假设会在工程交付后变成 Bug

示例触发语

  • “根据需求评审这个 Figma 设计”
  • “对 [功能] 进行 PM 设计评审”
  • “检查这个设计是否符合产品规格”
  • “这个设计是否已准备好交付工程团队?”
  • “在开始构建之前,这个设计还缺少什么?”

评论

支持 Markdown