Use Figma from Claude
Add the Figma connection to a Space that runs Claude, then use it from every channel in that Space.
ConnectorFigma
Figma integration for Claude and Codex
Create a Figma connection, then control which Spaces can use its approved tools and data without pasting credentials into prompts or threads.
CategoryDesign & Media
Use Figma from Codex
Add the Figma connection to a Space that runs Codex, then use it from every channel in that Space.
Use Figma from Sidekick
Connect your own OpenClaw to Sidekick while Type provides the conversations, permissions, connections, skills, and automations.
Design & Media
What the Figma connector can do
A collaborative interface design tool.
One connection, many Spaces
Connect Figma once, then decide which Spaces can use it in threads, skills, automations, 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 use Figma?
Yes. Add a Figma connection to a Space that runs Claude, then use its approved tools and data from any channel in that Space.
Can Codex work with Figma through Type?
Yes. Add a Figma connection to a Space that runs Codex, then use its approved tools and data from any channel in that Space.
Is this the same as a Figma MCP server?
Not exactly. Type uses connectors and connections to give selected Spaces access to approved app tools and data. Some connectors use hosted MCP, while others use OAuth, API keys, service accounts, or custom APIs.
More design & media connectors
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