Build slides figma
Open-source agent skills for the native Figma MCP server — design tokens, components, accessibility, Slides, and FigJam.
npx -y skills add southleft/skills-for-figma --skill build-slides-figmaAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 11 stars11 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Author Figma Slides presentations — list/create/duplicate/reorder/delete slides, read the slide grid, add text and shapes to a slide, set slide background color, set or read slide transitions (dissolve, slide-from, push-from, smart-animate), focus a slide, and toggle skip. Use when the user wants to build or edit a Figma Slides deck. Triggers: 'create a slide', 'add a slide to the deck', 'reorder slides', 'set the slide background', 'add a transition between slides', 'add text/shape to slide 3', 'read what's on this slide', 'skip this slide in the presentation'. Figma Slides files only (figma.editorType === 'slides'). Requires the Figma Desktop app (Plugin API).
SKILL.md
3.5 KB, as published. Nobody here has run it
build-slides-figma — author Figma Slides decks
Build and edit Figma Slides presentations: manage the slide grid (list / create / duplicate / reorder
/ delete / focus / skip), add content (text, shapes, background color), and control transitions. Each
slide is a SLIDE node; the deck is a 2D grid (figma.getSlideGrid() → rows of slides).
Skill boundaries
use_figmarules — load the officialfigma-useskill first; it is the full Figma Plugin API reference. Essentials these scripts rely on: plain JS with top-levelawait+return(no IIFE, nofigma.closePlugin();console.logis not returned), inputs inlined asconstat the top of each script, colors in 0–1 range, load fonts before any text op,await figma.getNodeByIdAsync(...), and atomic errors (a failed script applies nothing — read the error, fix, retry).- One complete snippet per operation → references/slides-snippets.md.
Workflow
- Confirm it's a Slides file. Every op throws outside Slides. Check first:
return { editorType: figma.editorType };— it must be'slides'. - List slides to get IDs and grid positions (
scripts/snippetList slides). Slide IDs are what every other op references. - Pick the operation from references/slides-snippets.md: create / duplicate / delete / reorder slides; add text / shape; set background; set / get transition; focus; skip; read slide content.
- Run the snippet via
use_figma(skillNames: "build-slides-figma"), editing the inlined constants. - Return created/changed slide IDs and re-list or read-content to confirm.
Notes
- Adding text loads a font first.
add text to slidecallsawait figma.loadFontAsync({ family, style })before setting.characters— never skip it. Default is Inter / Regular. - Create at a grid position with
figma.createSlide({ row, col }), orfigma.createSlide()to append. - Transition
stylevalues: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. Timing defaults to{ type: 'ON_CLICK' }. - Background is implemented as a full-bleed (1920×1080)
Backgroundrectangle inserted at index 0; re-running updates the existing one instead of stacking. reordertakes a 2D array of slide IDs (rows × columns) and rebuilds the grid viafigma.setSlideGrid. Every ID must exist in the current grid or it throws.- Skip toggles
slide.isSkippedSlide(note: the property isisSkippedSlide, notskipped). - These tools require the Figma Desktop app (the Plugin API isn't available in the browser).