figma-use-slides
use_figma — Figma Plugin API Skill for Slides
This skill contains Slides-specific context for the use_figma MCP tool. The figma-use skill provides foundational context for plugin API execution via MCP as well as the full Figma plugin API for more advanced use-cases that are not described here.
Always pass skillNames: "figma-use-slides" when calling use_figma for Slides operations. This is a logging parameter used to track skill usage — it does not affect execution.
Critical Rules (Slides-specific)
- Newly created Slides files have a default light theme. When a Slides file is created via
create_new_file, a default light theme is automatically initialized. This theme is structural scaffolding — you should overwrite the theme's color variables and text styles with your own design direction for the deck you're building. Do not rely on or be influenced by the default light theme tokens. - MUST
appendChildto the slide BEFORE settingx/yposition. Slides have an internal coordinate origin; positioning before parenting causes silent offsets that produce broken/overlapping layouts. Do all property configuration after appending for safety. See slide-gotchas.md. - SLIDE_GRID and SLIDE_ROW are opaque nodes — do not access
.fills,.effects, or layout properties on them. OnlySLIDEnodes (type'SLIDE') extendBaseFrameMixin. Exception:SLIDE_ROW.nameIS settable — that's how plugins rename slide sections (e.g.slideRow.name = "Intro"). See slide-lifecycle.md. get_metadatadoes NOT work on Slides files. Useuse_figmaread-only scripts for validation. Return created node positions inclosePlugin()output and verify no overlapping bounding boxes.- Do NOT call
figma.createPage()in Slides. It throwsTypeError: figma.createPage no such property 'createPage' on the figma global object—createPage()is a Design-file API only (figma.com/design/...); the Slides URL isfigma.com/slides/.... Use the slide grid (SLIDE_GRID/SLIDE_ROW/SLIDE) to organize deck structure instead — see slide-lifecycle.md and slide-grid.md.
Design Thinking
Not every task needs the same depth of design thinking. Before doing anything, identify which gear you're in:
More from figma/mcp-server-guide
implement-design
5.9Kfigma-implement-design
4.0Kfigma-use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.
3.2Kfigma-generate-design
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.
2.4Kfigma-generate-library
1.7Kfigma-create-design-system-rules
1.6K