先看看示例
作者提供的示例，实际效果取决于你的输入和使用工具。
输入
内容：资源标题、摘要、安装按钮、来源信息；已有 Button、Badge 组件与 spacing token；目标为新建草稿页。
输出
编辑示例 · 未运行
画框：Resource detail / Desktop，宽 1440。
第一层：导航、内容容器、右侧操作区。
内容容器：面包屑 → 图标与标题 → 摘要 → 标签组。
操作区：复用 Button/Primary，文字“查看安装方式”；下方放来源状态。
组件规则：标签使用 Badge 实例；不把按钮拆成文字和矩形。
验证：检查整页截图、字体与实例属性，再提供真实节点链接。
方法说明
把明确的页面目标转成 Figma 布局与组件结构，适合制作可继续编辑和评审的界面。 具体任务 把页面做成可编辑的 Figma 布局：从页面任务和现有设计系统出发，搭建有层级的画框与组件。 同步界面变化并检查整体视图：更新指定节点，核对字体、变量、图片和重复组件的一致性。 必需材料 目标页面任务与文案内容 Figma 文件/页面和目标尺寸 品牌规范或现有组件库 可选材料 参考截图或实现代码 已有节点和交互说明 使用门槛 已连接可写入的 Figma 工具，并能使用所需组件和字体。 这个 Skill 额外提供的方法 保留组件、变量与编辑结构，后续设计迭代不用面对一整张不可编辑截图。 编辑示例（未运行） 把资源详情首屏拆成可复用层级 任务：为 1440px 桌面页准备 Figma 搭建说明。 输入： 内容：资源标题、摘要、安装按钮、来源信息；已有 Button、Badge 组件与 spacing token；目标为新建草稿页。 结果片段： 画框：Resource detail / Desktop，宽 1440。 第一层：导航、内容容器、右侧操作区。 内容容器：面包屑 → 图标与标题 → 摘要 → 标签组。 操作区：复用 Button/Primary，文字“查看安装方式”；下方放来源状态。 组件规则：标签使用 Badge 实例；不把按钮拆成文字和矩形。 验证：检查整页截图、字体与实例属性，再提供真实节点链接。 这是可执行的设计层级片段，未虚构已经创建的 Figma 节点。 此为编辑示例，未安装或运行上游 Skill。 首次任务 在【Figma 文件/页面】依据【页面任务/内容】、【尺寸】和【品牌/组件库】制作布局；验收：组件可编辑、token 可追溯、整页核对并返回真实节点链接。 必需材料：目标页面任务与文案内容：【请填写或粘贴】；Figma 文件/页面和目标尺寸：【请填写或粘贴】；品牌规范或现有组件库：【请填写或粘贴】 验收方法 是否复用实际可用组件和变量 图标、图片和字体是否正确导入 整页布局与局部组件是否都可读且可编辑 依赖与准备 Figma 写入工具与文件权限，figma-use 及完整参考目录；从网页捕获素材还需对应浏览器能力。 使用边界 依赖 figma-use 等配套技能与写入工具，单独复制入口文件不足以执行。 共享文件更新必须限定目标节点；生成布局不代表前端已实现。 排错 生成结果只有扁平截图：检查是否使用写入型画布工具和组件构建路径。 找不到指定组件 key：先发现当前文件或库中的真实组件，再绑定实例，不能猜 key。 固定来源 https://github.com/figma/mcp-server-guide/blob/38308b7bbc676a9e9d57795ad4793fa9682d1644/skills/figma-generate-design/SKILL.md