关于 figma-slides
figma-slides 是一款通过 Plugin API 在 Figma Slides 中创建和编辑演示文稿的技能。它帮助用户管理幻灯片网格、添加内容并设置转场,操作通过 Figma Desktop 中的代码片段完成。
主要功能
- 01列出、创建、复制、重排和删除幻灯片
- 02添加文本和形状
- 03设置幻灯片背景
- 04读取和设置转场
- 05聚焦、跳过和读取幻灯片内容
适用场景
- 01调整演示文稿的幻灯片网格
- 02向幻灯片添加文本或形状
- 03设置幻灯片背景或转场
- 04跳过幻灯片或查看其内容
MCP 相关
该技能未说明自己是 MCP 服务或客户端;它通过 `use_figma` 执行 Figma Plugin API 代码片段,并需要 Figma Desktop。
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ southleft/ figma-console-mcp-skills --skill figma-slides安装后在 Claude Code 中输入/figma-slides确认已加载。
附带文件references/slides-snippets.md
详细介绍
figma-slides — 编写 Figma Slides 演示文稿
创建和编辑 Figma Slides 演示文稿:管理幻灯片网格(列出 / 创建 / 复制 / 重新排序
/ 删除 / 聚焦 / 跳过)、添加内容(文本、形状、背景颜色)并控制转场效果。每张幻灯片
都是一个 SLIDE 节点;演示文稿是一个二维网格(figma.getSlideGrid() → 幻灯片行)。
技能边界
use_figma规则 — 首先加载官方的figma-use技能;它是完整的 Figma Plugin API 参考。此类脚本依赖的要点:使用带顶层await和return的纯 JS(不使用 IIFE 或figma.closePlugin();console.log不会作为返回值)、在每个脚本顶部以内联const定义输入、颜色值范围为 0–1、任何文本操作前先加载字体、使用await figma.getNodeByIdAsync(...),以及原子错误处理(脚本失败时不会应用任何更改 — 阅读错误信息、修复后重试)。- 每项操作使用一段完整代码片段 → references/slides-snippets.md。
工作流
- 确认这是一个 Slides 文件。 在 Slides 之外,每项操作都会抛出错误。先检查:
return { editorType: figma.editorType };— 必须为'slides'。 - 列出幻灯片,以获取 ID 和网格位置(
scripts/代码片段List slides)。其他所有操作都需要引用幻灯片 ID。 - 从 references/slides-snippets.md 中选择操作:创建 / 复制 / 删除 / 重新排序幻灯片;添加文本 / 形状;设置背景;设置 / 获取转场效果;聚焦;跳过;读取幻灯片内容。
- 通过
use_figma运行代码片段(skillNames: "figma-slides"),并编辑内联常量。 - 返回创建或更改的幻灯片 ID,并重新列出幻灯片或读取内容以确认。
注意事项
- 添加文本前会先加载字体。
add text to slide会在设置.characters前调用await figma.loadFontAsync({ family, style })— 切勿跳过。默认字体为 Inter / Regular。 - 使用
figma.createSlide({ row, col })在网格位置创建,或使用figma.createSlide()追加。 - 转场
style值:NONE、DISSOLVE、SLIDE_FROM_LEFT、SLIDE_FROM_RIGHT、SLIDE_FROM_BOTTOM、SLIDE_FROM_TOP、PUSH_FROM_LEFT、PUSH_FROM_RIGHT、PUSH_FROM_BOTTOM、PUSH_FROM_TOP、SMART_ANIMATE。时间设置默认为{ type: 'ON_CLICK' }。 - 背景通过插入到索引 0 的全幅(1920×1080)
Background矩形实现;重新运行时会更新已有矩形,而不会叠加。 reorder接受一个由幻灯片 ID 组成的二维数组(行 × 列),并通过figma.setSlideGrid重建网格。所有 ID 都必须存在于当前网格中,否则会抛出错误。- 跳过操作会切换
slide.isSkippedSlide(注意:属性名是isSkippedSlide,不是skipped)。 - 这些工具需要 Figma Desktop 应用(浏览器中无法使用 Plugin API)。
评论
支持 Markdown