Skip to main content
affpapa.org
RU EN
skill CX Codex GP ChatGPT official · OpenAI

figma-use-slides — Codex skill: what it does, how to install

This skill guides agents using Figma's use_figma MCP tool within Figma Slides. It helps create branded decks, manage slide structure, and refine layouts in place.

Install into Codex · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add openai/plugins --skill figma-use-slides -a codex
Open on GitHub

What figma-use-slides does

The skill provides rules for running Figma Plugin API scripts in Figma Slides via use_figma. While the alternative generate_deck tool builds fixed templates in a single call, this workflow gives direct control over fonts, layouts, and speaker notes. The agent can build new decks from scratch or style them against an existing reference file.

Slides files follow rules that differ from standard Figma design files. The figma.createPage() call does not exist in Slides and throws an error immediately. Deck structure depends on SLIDE_GRID, SLIDE_ROW, and SLIDE nodes instead. Scripts must run appendChild before writing x or y coordinates. Reversing that order misplaces elements by 240 pixels. Because get_metadata fails on Slides files, the agent runs read-only scripts to verify node positions.

Use generate_deck when you just need a quick generic outline. If you need brand compliance, custom layouts, or iterative edits without deleting existing slides, install this skill.

What it helps with

  • generate branded presentations in Figma Slides using reference files
  • edit existing slides in place without deleting original content
  • organize slide sections and rename SLIDE_ROW nodes via scripts
  • prevent element offset bugs by enforcing appendChild before positioning

Example prompts for the agent

  • Create a five-slide pitch deck in Figma Slides matching the typography and color tokens from our brand guide
  • Update the layout and text on slide 2 without removing other slides in this deck
  • Add a new Intro slide section to the current presentation using use_figma

How to install figma-use-slides

1Skills CLI (Vercel)

npx skills add openai/plugins --skill figma-use-slides -a codex

2Manually: put the files in place

.agents/skills/figma-use-slides/SKILL.md

For all projects use ~/.agents/skills/

From the same set201

The whole set →
supabase official supabase Guides the agent through database configuration and strict RLS policies in Supabase. CX Codex GP ChatGPT 8installs remotion-render official Remotion Exports videos and static stills from Remotion projects using CLI commands. CX Codex GP ChatGPT 3installs figma-create-new-file official Figma Creates blank Figma, FigJam, or Slides files inside draft folders. It resolves planKey and editor types before invoking Figma MCP tools. CX Codex GP ChatGPT 6installs swiftui-performance-audit official OpenAI Pinpoints SwiftUI runtime issues like frame drops, unresponsive taps, and excessive view body computations. Works code-first and guides Instruments profiling. CX Codex GP ChatGPT 109installs swiftui-liquid-glass official OpenAI This skill helps build and review SwiftUI Liquid Glass interfaces for iOS 26+. Use it when adopting the API or checking fallbacks, interaction, and design fit. CX Codex GP ChatGPT 121installs swiftui-ui-patterns official OpenAI This skill helps build and refactor SwiftUI interfaces, from navigation and state to layouts and controls. Use it for new screens or changes to an existing project. CX Codex GP ChatGPT 114installs swiftui-view-refactor official OpenAI Refactors SwiftUI view files into clean, testable structures with dedicated subview types and proper Observation ownership. CX Codex GP ChatGPT 113installs ios-memgraph-leaks official OpenAI Captures and inspects iOS leaks from a simulator process or .memgraph. Useful for tracing retained objects and checking a fix with before-and-after evidence. CX Codex GP ChatGPT 1,054installs

Similar

frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. Claude Code 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. Claude Code 986,201installs grilling Matt Pocock Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting. Claude Code 979,543installs codebase-design Matt Pocock This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write. Claude Code 850,344installs

Questions about figma-use-slides

How do I install figma-use-slides for Codex?

Run npx skills add openai/plugins --skill figma-use-slides in your terminal. When calling use_figma, add figma-use-slides to the skillNames parameter.

What is the difference between figma-use-slides and generate_deck?

The generate_deck tool builds full decks from preset templates in a single shot without supporting custom designs or follow-up changes. Using use_figma with figma-use-slides gives full layout control, brand matching, and step-by-step editing.

Why does figma.createPage() fail in Figma Slides?

Figma Slides does not support pages from standard design files. Decks rely on a slide grid structure with SLIDE_GRID, SLIDE_ROW, and SLIDE nodes instead.

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor