Use Figma from Claude Code
Bring Figma context into engineering work while Type keeps app access attached to the teammate and workspace.
AI agent integrationFigma
Figma integration for multiplayer collaboration with AI agents using Claude Code or Codex
One governed connection your whole team and its AI agents can share, with approved actions and human review, so working in Figma never means pasting credentials into a prompt.
CategoryDesign & Media
Automate Figma with Codex
Let coding agents ask for the right app action, preserve conversation context, and keep humans in the approval loop.
Connect open agent workflows
Use Type as the collaboration layer around OpenClaw and other LLM workflows that need app access.
Design & Media
What the Figma integration exposes
A collaborative interface design tool.
One connection, many teammates
Connect Figma once, then decide which teammates can use it for threads, automations, skills, and coding work.
Representative actions
- 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.
- 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.
- 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.
- Create dev resources
Creates and attaches multiple uniquely-URLed development resources to specified Figma nodes, up to 10 per node.
- 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`.
Connection
API and auth details
Figma's REST API uses api.figma.com with OAuth 2.0 access tokens, plan access tokens, or personal access tokens for files, teams, projects, users, comments, webhooks, and enterprise APIs.
- Source
- Official docs verified 2026-06-03
- Auth schemes
- OAuth, API key
- Base URL
- https://api.figma.com/v1
- Official site
- https://developers.figma.com
- Connection test
- /me
Official endpoint references
FAQ
Questions people ask before connecting Figma
Can Claude Code use Figma?
Yes. Type lets an AI teammate use connected Figma actions from a governed workspace context, so Claude Code work can reference the app without copying credentials into a local prompt.
Can Codex work with Figma through Type?
Yes. Codex can collaborate through Type with app context, skills, and approved actions. The Figma catalog entry includes public integration details and example capabilities where available.
Is this the same as a Figma MCP server?
Type exposes connected app capabilities to AI teammates and coding agents through Type's integration layer. Teams use it when they want shared app access, human review, and teammate-level permissions around agent work.
More design & media apps for AI teammates
YouTube is a video-sharing platform with user-generated content, live streaming, and monetization opportunities, widely used for marketing, education, and entertainment
Create natural AI voices instantly in any language - perfect for video creators, developers, and businesses.
HeyGen is an innovative video platform that harnesses the power of generative AI to streamline your video creation process