[c]codexplugin hubSubmit an asset
DirectorySkillsFigma Use
Skill / OpenAI

Figma Use Codex Skill

MANDATORY prerequisite — you MUST invoke this skill BEFORE every usefigma tool call. NEVER call usefigma directly without loading this skill first.

Docs reviewedChecked 2026-09-20Runtime not tested

What it adds

MANDATORY prerequisite — you MUST invoke this skill BEFORE every usefigma tool call. NEVER call usefigma 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.

design and ui

Get set up

  1. Ask Codex to install the skill with the built-in skill installer, pointing it at the source below.
  2. Start a new thread so Codex picks up the skill.
$skill-installer figma-use
Review before running
Read the installation source

Before you install

    Compatibility & limitations

    Documented for ChatGPT desktop app, Codex CLI, Codex IDE extension

    Cursor: Not confirmed for Cursor.

      This listing is based on source documentation. We have not installed or runtime-tested this asset.

      How it fits together

      Test Driven Development · SkillUse when implementing any feature or bugfix, before writing implementation code.Web Artifacts Builder · SkillSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...Figma Code Connect Components · SkillConnects Figma design components to code components using Code Connect mapping tools.Figma Create Design System Rules · SkillGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set...Figma Context · MCP serverMCP server to provide Figma layout information to AI coding agents like Cursor.Adobe · PluginDesign, combine, and edit.

      Sources & provenance

      Reviewed 2026-09-20. Source revision: main (mutable; commit not pinned).