之前给大家分享过获取蓝湖需求文档 的Skill，有些使用 Figma原型的小伙伴希望能有适配 Figma 的同款 Skill，解决日常用AI辅助生成测试用例时原型解析的痛点。其实之前我们已经分享过 Figma MCP 的相关配置教程，基于现有基础封装 Figma Skill 会简单很多，之前配置过 Figma MCP 的小伙伴，甚至可以尝试自己动手封装。今天给大家分享整体的实现思路和案例。
一、Figma Skill 核心能力介绍
-
- 自动拉取，告别手动复制：无需逐页截图、复制 Figma 原型链接，直接通过指令调用 Figma Skill，完整读取 Figma 上的原型页面、交互逻辑、组件规则、备注信息等所有内容。
-
- 标准化输出，格式统一：自动将零散的 Figma 原型信息整理为结构化 Markdown 格式，包含需求概述、页面架构、功能说明、设计规范、待确认事项等固定模块，规避人工整理的格式混乱、信息遗漏问题。
-
- 无缝衔接后续测试工作：生成的标准化需求文档可直接作为 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 + 需求文档”，进行生成了
