之前给大家分享过获取蓝湖需求文档 的Skill，有些使用 Figma原型的小伙伴希望能有适配 Figma 的同款 Skill，解决日常用AI辅助生成测试用例时原型解析的痛点。其实之前我们已经分享过 Figma MCP 的相关配置教程，基于现有基础封装 Figma Skill 会简单很多，之前配置过 Figma MCP 的小伙伴，甚至可以尝试自己动手封装。今天给大家分享整体的实现思路和案例。

一、Figma Skill 核心能力介绍

1. 1. 自动拉取，告别手动复制：无需逐页截图、复制 Figma 原型链接，直接通过指令调用 Figma Skill，完整读取 Figma 上的原型页面、交互逻辑、组件规则、备注信息等所有内容。
2. 2. 标准化输出，格式统一：自动将零散的 Figma 原型信息整理为结构化 Markdown 格式，包含需求概述、页面架构、功能说明、设计规范、待确认事项等固定模块，规避人工整理的格式混乱、信息遗漏问题。
3. 3. 无缝衔接后续测试工作：生成的标准化需求文档可直接作为 AI 输入，快速开展测试用例设计、UI 还原度测试、接口测试分析等工作，打通「Figma 原型解析→需求梳理→测试设计」全流程，从需求源头提升测试效率。

二、使用前提

在使用 Figma 需求文档 Skill 前，需确保Figma MCP 已成功安装并正常启动。MCP 是实现 Skill 与 Figma 平台数据互通的核心桥梁，若未完成 MCP 配置或启动失败，Skill 将无法读取 Figma 原型内容，这也是使用本次 Skill 的基础前提。

三、Figma Skill 使用案例

步骤 1：Figma Skill 安装包导入到工具里面

Skill 可以自己去开发一个，也可以去找找开源的。

步骤 2：输入指令，触发原型解析

在 Cursor、Trae 等支持 Skills 的 AI 工具编辑页面，输入核心触发指令，指令后紧跟需要解析的 Figma 原型链接，格式如下：

按下回车后，AI 会自动调用已启动的 Figma MCP，向 Figma 平台发起请求，完整读取对应原型的所有内容，包括页面布局、组件交互、输入框规则、备注信息、设计规范等

步骤 3：获取并使用标准化需求文档

等待解析完成后，AI 会自动将读取到的 Figma 原型信息进行结构化整理，生成完整的 Markdown 格式需求文档，文档覆盖概述、范围、页面与信息架构、详细功能说明、统一组件与设计规范、非功能性说明、待确认事项等核心模块，可直接用于后续测试工作。

以下是部分内容截图：

但是可以看到，有一些内容存在“推断”这两个字，因为我将整个原型全部提供给了ai，所以导致部分内容并不是很明确，而且ai需要分析的内容过多

那么在实际的使用中，我们可以直接将我们需要的原型内容，一个一个链接提供给ai进行解析，例如我只要需要关注用户管理的这几个原型

那么我这边就需要这样子处理，将这4个原型内容的链接进行复制提供给ai

这样子生成出来的部分内容效果如下：

后续大家要利用这份文档去生成测试用例时，就可以直接在对话框调用“生成测试用例的 skill + 需求文档”，进行生成了