Figma Codex Plugin
Turn Figma designs into project-aware UI code.
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
- Open Plugins in Codex and find Figma.
- Select the plus button, then Install Figma.
- Complete the Figma authorization flow.
- Start a new thread and provide the design URL and the implementation task.
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- Original sourcehttps://github.com/openai/plugins/tree/main/plugins/figma
- Installation documentationhttps://developers.openai.com/codex/plugins
- License evidencehttps://github.com/openai/plugins/blob/main/plugins/figma/LICENSE.txt
- Figma setup guidehttps://developers.figma.com/docs/figma-mcp-server/remote-server-installation/
- Repository history checked 2026-09-10https://github.com/openai/plugins/commits/main/