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

# Figma

## What's Supported

### Supported Actions

This connector supports:

* [Proxy Actions](/proxy-actions), using the base URL `https://api.figma.com`.

## Before You Get Started

To integrate Figma with Ampersand, you will need a [Figma Account](https://www.figma.com/signup).

Once your account is created, you'll need to create an app in Figma, configure the Ampersand redirect URI within the app, and obtain the following credentials from your app:

* Client ID
* Client Secret
* Scopes

You will then use these credentials and scopes to connect your application to Ampersand.

### Create a Figma Account

Here's how you can sign up for a Figma account:

* Go to the [Figma Sign Up page](https://www.figma.com/signup) and create an account.
* Sign up using your preferred method.

### Creating a Figma App

Follow the steps below to create a Figma app:

1. Log in to your [Figma Developer Console](https://www.figma.com/developers).
2. Click **My Apps**.
3. Click  **Create a new app**.
4. Enter the **App Name** and **Website URL**.
5. Load your App **Logo**.
6. In the **Callbacks** section, click **Add Callback** and enter the Ampersand **Callback URI**: `https://api.withampersand.com/callbacks/v1/oauth`.
7. Click **Save**.

<img src="https://mintcdn.com/ampersand-24eb5c1a/Bx3tggG51e0liOp-/images/provider-guides/498f276-Figma1.gif?s=9b7f5352d9984b29773c558f05f74ea8" alt="Alt text" width="1440" height="702" data-path="images/provider-guides/498f276-Figma1.gif" />

You'll find the **Client ID** and **Client Secret** keys for your app in the following section. Note thse credentials as they are necessary for connecting your app to Ampersand.

<br />

## Add Your Figma App Info to Ampersand

1. Log in to your [Ampersand Dashboard](https://dashboard.withampersand.com).

2. Select the project where you want to create a Figma integration.

   <img src="https://mintcdn.com/ampersand-24eb5c1a/CkzFg-K1u4gYx3ZD/images/provider-guides/dd47b7a-Ampersand.png?fit=max&auto=format&n=CkzFg-K1u4gYx3ZD&q=85&s=d580aa00cc421fe14cfbab79c2e0812f" alt="Alt text" width="2244" height="442" data-path="images/provider-guides/dd47b7a-Ampersand.png" />

3. Select **Provider apps**.

4. Select *Figma* from the **Provider** list.

5. Enter the previously obtained *Client ID* in the **Client ID** field and the *Client Secret* in the **Client Secret** field.

6. Enter the scopes set for your application in *Figma*. For more details on the scopes, go to [Figma Authentication Scopes](https://www.figma.com/developers/api#authentication-scopes) document.

   <img src="https://mintcdn.com/ampersand-24eb5c1a/Bx3tggG51e0liOp-/images/provider-guides/53b2627-figma2.gif?s=35650d2678f71b94d95f807269eacbc7" alt="Alt text" width="760" height="492" data-path="images/provider-guides/53b2627-figma2.gif" />

7. Click **Save changes**.