Figma MCP Server
The Figma MCP server lets your AI agents interact with Figma design files. Agents can read file metadata, view design content, and access comments — useful for design review workflows, documentation generation, and project tracking.
Capabilities
Agents connected to Figma can:
- Read file metadata and structure
- View design file content and components
- Access file comments and feedback
- View user profile information
📝 Note: The Figma integration is read-only. It does not support creating or modifying designs.
OAuth Setup
The Figma MCP server uses OAuth to authenticate on behalf of each user. To enable this integration, you need to create a Figma app and provide the credentials to Devs.ai.
Step 1: Create a Figma App
- Go to Figma Developer Apps and sign in.
- Click Create a new app.
- Enter a name (for example, "Devs AI") and a description.
- Set the redirect URL to the one provided by your Devs.ai platform administrator.
- Click Save.
Step 2: Get Your Credentials
- On the app settings page, copy the Client ID and Client Secret.
Step 3: Configure Required Scopes
The Figma integration requires the following scopes:
| Scope | What It Enables |
|---|---|
current_user:read | Read the authenticated user's profile information |
file_metadata:read | Read file and project metadata |
file_content:read | Read design file content and components |
file_comments:read | Read comments on design files |
Step 4: Configure in Devs.ai
- Navigate to Organization > Connectors in Devs.ai.
- Find the Figma template and click Enable.
- Select OAuth as the authentication type.
- Enter your Client ID and Client Secret from Step 2.
- Select the tools you want to make available.
- Click Save.
When a user first interacts with an agent connected to Figma, they will be prompted to authorize access to their Figma account.
OAuth Configuration Reference
| Field | Value |
|---|---|
| Authorization URL | https://www.figma.com/oauth |
| Token URL | Figma token endpoint |
| Scopes | current_user:read file_metadata:read file_content:read file_comments:read |
| Scopes Parameter Name | scope |