Codex and Figma

Connect Codex to Figma

Give your Codex agent access to Figma in Melso — 52 tools it can call while it works through a task.

Set it up in Melso

1In Melso, open Settings → Agent Apps and hit Connect on Figma.
2Finish the OAUTH2 / API_KEY sign-in in the window that opens. Melso stores the connection, not your credentials.
3Open your Codex agent, go to its Agent Apps tab, and allow Figma.
4Give the agent a task. It calls Figma itself when the work needs it.

Get Melso

What you get

What Figma gives your agent

The tools, permissions, and events Figma exposes — the same ones your agent can use once the app is authorized.

What you sign in with

Figma connects with OAUTH2 / API_KEY.

Client id
Client secret
Base URL

Permissions

file_comments:writewebhooks:writecurrent_user:readfile_content:readfile_comments:readprojects:readlibrary_assets:readlibrary_content:readteam_library_content:readfile_metadata:read

Tools Figma exposes

FIGMA_ADD_A_COMMENT_TO_A_FILE

Add a comment to a file

Posts a new comment to a Figma file or branch, optionally replying to an existing root comment (replies cannot be nested); `region_height` and `region_width` in `client_meta` must be positive if defining a comment region.

FIGMA_ADD_A_REACTION_TO_A_COMMENT

Add a reaction to a comment

Posts a specified emoji reaction to an existing comment in a Figma file or branch, requiring valid file_key and comment_id.

FIGMA_CREATE_A_WEBHOOK

Create a webhook

Creates a Figma webhook to receive POST notifications when specific events occur. Webhooks can monitor events at three scopes: - Team level: monitors all files in a team (requires team admin permissions) - Project level: monitors all files in a project (requires edit access) - File level: monitors a specific file (requires edit access) Upon creation, Figma sends an initial PING event to verify your endpoint (unless status is PAUSED). IMPORTANT: team_id, project_id, and file_key cannot be discovered programmatically. Extract them from Figma URLs or use FIGMA_DISCOVER_FIGMA_RESOURCES to parse URLs.

FIGMA_CREATE_DEV_RESOURCES

Create dev resources

Creates and attaches multiple uniquely-URLed development resources to specified Figma nodes, up to 10 per node.

FIGMA_CREATE_MODIFY_DELETE_VARIABLES

Create, modify, or delete variables

Manages variables, collections, modes, and their values in a Figma file via batch create/update/delete operations; use temporary IDs to link new related items in one request and ensure `variableModeValues` match the target variable's `resolvedType`.

FIGMA_DELETE_A_COMMENT

Delete a comment

Deletes a specific comment from a Figma file or branch, provided the authenticated user is the original author of the comment.

FIGMA_DELETE_A_REACTION

Delete a reaction

Deletes a specific emoji reaction from a comment in a Figma file; the user must have originally created the reaction.

FIGMA_DELETE_A_WEBHOOK

Delete a webhook

Permanently deletes an existing webhook, identified by its unique `webhook_id`; this operation is irreversible.