> ## Documentation Index
> Fetch the complete documentation index at: https://dev.writer.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Figma connector

> Configure the Figma connector for WRITER Agent with WRITER-managed OAuth, or prepare self-managed OAuth with MCP access enabled by your account manager.

This guide shows you how to configure the [Figma](https://www.figma.com/) 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](https://app.writer.com/controlcenter) 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.

> [!WARNING]
>
> Ask your account manager to enable MCP use for your OAuth application
> before you authorize the connector.

1. Open [My Apps in Figma](https://www.figma.com/developers/apps)

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**:

   ```
   https://app.writer.com/mcp/oauth/callback
   ```

   > [!NOTE]
   >
   > 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](https://developers.figma.com/docs/rest-api/oauth-apps/#configure-an-oauth-app).

### 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](https://app.writer.com/controlcenter)
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**](#create-a-figma-oauth-app-for-self-managed-oauth)
5. Select which tools to enable for your agents
6. If you use [**self-managed**](#create-a-figma-oauth-app-for-self-managed-oauth) 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:

* [Set up connectors](https://support.writer.com/article/299-setting-up-connectors): Configure and enable connectors in Control Center
* [Tool calling guide](https://dev.writer.com/home/tool-calling.md): Understand how agents use tools in conversations
* [WRITER Agent guide](https://support.writer.com/article/293-how-to-use-action-agent): Use WRITER Agent with connected tools
* [MCP gateway overview](https://dev.writer.com/home/mcp-gateway.md): Learn about WRITER's MCP gateway architecture