Plugin / OpenAI / Figma

Figma Codex Plugin

Turn Figma designs into project-aware UI code.

Docs reviewedChecked 2026-09-10Runtime not tested

What it adds

Bundle design implementation, Code Connect and design-system guidance around an authorized Figma connection. Useful when you want reusable instructions alongside design tools.

figmadesigncomponents

Get set up

  1. Open Plugins in Codex and find Figma.
  2. Select the plus button, then Install Figma.
  3. Complete the Figma authorization flow.
  4. Start a new thread and provide the design URL and the implementation task.
Read the installation source

Before you install

  • Figma account and access to the relevant files
  • Connected Figma integration
  • Design URL and node ID when requested

Compatibility & limitations

Documented for Codex

Cursor: Use Figma's Cursor plugin; this OpenAI wrapper is not confirmed portable.

  • Availability depends on the connected account and permissions.
  • OpenAI app wiring does not establish Cursor compatibility.
  • A general Codex CLI plugin browser does not establish this listing's CLI availability.
This listing is based on source documentation. We have not installed or runtime-tested this asset.

How it fits together

Workflow bundle related to Figma MCP. The app-backed connection and a manually configured server are distinct setup paths.

Figma MCP Server · MCP serverBring authorized design context and canvas tools into Codex.

Sources & provenance

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

View recorded revision