Skip to main content
This guide shows you how to configure the Figma connector for WRITER Agent. After setting up this connector, WRITER Agent can access Figma design files, inspect node metadata, capture screenshots, and bridge design-to-code workflows using Code Connect. Choose an OAuth option and authorize your Figma account so your agents can use the connector’s enabled tools.

​
Set up the Figma connector

Configure the Figma connector in Control Center under Integrations > Connectors. Choose one of these authentication options:
  • WRITER-managed OAuth: WRITER provides the OAuth application. Authorize access to your Figma account.
  • Self-managed OAuth: Use your own OAuth application. Contact your account manager to have MCP use enabled before configuring the connector.

​
Create a Figma OAuth app for self-managed OAuth

If you choose self-managed OAuth, create a Figma app and save its credentials for Control Center.
Ask your account manager to enable MCP use for your OAuth application before you authorize the connector.
  1. Open My Apps in Figma
  2. Select Create a new app in the upper-right corner
  3. Name your app and choose the Figma team or organization that owns it
  4. Select Create
  5. Copy the Client ID and Client Secret, and store both securely. Figma displays the secret only during app creation
  6. Select Done. Figma saves the app as a draft and opens its configuration screen
  7. On the OAuth credentials page, add the WRITER redirect URI to Redirect URLs:
    If your organization is deployed in the EU, use https://app.eu2.writer.com/mcp/oauth/callback instead.
  8. On the Publish page, select whether your app is private or public, then select Publish
For detailed instructions, see Figma’s app configuration guide.

​
Configure the connector in Control Center

After choosing your authentication option, complete these steps in Control Center:
  1. Navigate to Integrations > Connectors in Control Center
  2. Select the Figma connector
  3. Select who has access by default, either all users or specific teams
  4. Select the connection level and whether OAuth is WRITER-managed or self-managed
  5. Select which tools to enable for your agents
  6. If you use self-managed OAuth, enter your OAuth client ID and client secret after your account manager enables MCP use
  7. Complete the OAuth authorization flow with your Figma account

​
Next steps

Use these guides to manage connector access and work with connected tools: