> ## Documentation Index
> Fetch the complete documentation index at: https://nango-wari-migrated-bigcommerce-docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Figma

## Overview

<CardGroup cols={3}>
  <Card title="Pre-built tooling" icon="screwdriver-wrench" href="#pre-built-tooling" />

  <Card title="Pre-built integrations" icon="square-check" href="#pre-built-integrations" />

  <Card title="Access requirements" icon="triangle-exclamation" href="#access-requirements" />

  <Card title="Setup guide" icon="rocket" href="#setup-guide" />

  <Card title="Useful links" icon="circle-info" href="#useful-links" />

  <Card title="API gotchas" icon="biohazard" href="#api-gotchas" />
</CardGroup>

## Pre-built tooling

<AccordionGroup>
  <Accordion title="✅ Authorization">
    | Tools                           | Status |
    | ------------------------------- | ------ |
    | Pre-built authorization (OAuth) | ✅      |
    | Credentials auto-refresh        | ✅      |
    | Pre-built authorization UI      | ✅      |
    | Custom authorization UI         | ✅      |
    | Expired credentials detection   | ✅      |
  </Accordion>

  <Accordion title="✅ Read & write data">
    | Tools                                     | Status                         |
    | ----------------------------------------- | ------------------------------ |
    | Pre-built integrations                    | ✅                              |
    | API unification                           | ✅                              |
    | 2-way sync                                | ✅                              |
    | Webhooks from Nango on data modifications | ✅                              |
    | Real-time webhooks from 3rd-party API     | 🚫 (time to contribute: \<48h) |
    | Proxy requests                            | ✅                              |
  </Accordion>

  <Accordion title="✅ Observability & data quality">
    | Tools                   | Status |
    | ----------------------- | ------ |
    | HTTP request logging    | ✅      |
    | End-to-end type safety  | ✅      |
    | Data runtime validation | ✅      |
    | OpenTelemetry export    | ✅      |
    | Slack alerts on errors  | ✅      |
    | Integration status API  | ✅      |
  </Accordion>

  <Accordion title="✅ Customization">
    | Tools                              | Status                         |
    | ---------------------------------- | ------------------------------ |
    | Create or customize use-cases      | ✅                              |
    | Pre-configured pagination          | 🚫 (time to contribute: \<48h) |
    | Pre-configured rate-limit handling | 🚫 (time to contribute: \<48h) |
    | Per-customer configurations        | ✅                              |
  </Accordion>
</AccordionGroup>

### Others

| Function name             | Description                                                                                | Type                                           | Source code                                                                                                                   |
| ------------------------- | ------------------------------------------------------------------------------------------ | ---------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- |
| `create-comment-reaction` | Add a reaction emoji to a comment in Figma.                                                | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/create-comment-reaction.ts) |
| `create-comment`          | Create a comment in Figma.                                                                 | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/create-comment.ts)          |
| `create-dev-resources`    | Create dev resources linked to Figma nodes                                                 | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/create-dev-resources.ts)    |
| `delete-comment-reaction` | Remove a reaction from a comment in Figma.                                                 | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/delete-comment-reaction.ts) |
| `delete-comment`          | Delete a specific comment from a Figma file. Only the author of the comment can delete it. | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/delete-comment.ts)          |
| `delete-dev-resource`     | Delete a dev resource in Figma                                                             | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/delete-dev-resource.ts)     |
| `delete-webhook`          | Delete or archive a webhook in Figma.                                                      | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/delete-webhook.ts)          |
| `get-comment`             | Retrieve a single comment from Figma.                                                      | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-comment.ts)             |
| `get-component`           | Retrieve a single component from Figma.                                                    | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-component.ts)           |
| `get-component-set`       | Retrieve a single component set from Figma.                                                | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-component-set.ts)       |
| `get-current-user`        | Fetch the current Figma user.                                                              | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-current-user.ts)        |
| `get-file-component-sets` | Retrieve all component sets defined within a Figma file.                                   | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-file-component-sets.ts) |
| `get-file-components`     | Retrieve all components defined within a Figma file.                                       | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-file-components.ts)     |
| `get-file-node`           | Retrieve a single file node from Figma                                                     | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-file-node.ts)           |
| `get-file-styles`         | Retrieve all styles defined within a Figma file.                                           | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-file-styles.ts)         |
| `get-local-variables`     | Retrieve all local variables defined in a Figma file.                                      | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-local-variables.ts)     |
| `get-project`             | Retrieve a single project from Figma.                                                      | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-project.ts)             |
| `get-published-variables` | Retrieve all published variables for a Figma file.                                         | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-published-variables.ts) |
| `get-style`               | Retrieve a single style from Figma.                                                        | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-style.ts)               |
| `get-version`             | Retrieve a single version from Figma.                                                      | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-version.ts)             |
| `get-webhook`             | Retrieve a single webhook from Figma.                                                      | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/get-webhook.ts)             |
| `list-comment-reactions`  | List reactions on a Figma comment.                                                         | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-comment-reactions.ts)  |
| `list-comments`           | List comments from Figma.                                                                  | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-comments.ts)           |
| `list-component-sets`     | List component sets for a Figma team.                                                      | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-component-sets.ts)     |
| `list-components`         | List components from Figma.                                                                | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-components.ts)         |
| `list-dev-resources`      | List dev resources linked to nodes in a Figma file.                                        | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-dev-resources.ts)      |
| `list-file-nodes`         | List file nodes from Figma.                                                                | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-file-nodes.ts)         |
| `list-files`              | List files from Figma.                                                                     | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-files.ts)              |
| `list-projects`           | List projects from Figma.                                                                  | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-projects.ts)           |
| `list-styles`             | List styles from Figma.                                                                    | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-styles.ts)             |
| `list-versions`           | List versions from Figma.                                                                  | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-versions.ts)           |
| `list-webhooks`           | List webhooks from Figma                                                                   | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/list-webhooks.ts)           |
| `render-images`           | Render images for Figma file nodes.                                                        | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/render-images.ts)           |
| `update-dev-resources`    | Update dev resources linked to Figma nodes.                                                | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/update-dev-resources.ts)    |
| `update-variables`        | Create, update, or delete variables and variable collections in a Figma file               | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/update-variables.ts)        |
| `update-webhook`          | Update a webhook in Figma                                                                  | [Action](/guides/functions/action-functions)   | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/actions/update-webhook.ts)          |
| `comments`                | Sync comments from Figma                                                                   | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/comments.ts)                  |
| `component-sets`          | Sync component sets from Figma                                                             | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/component-sets.ts)            |
| `components`              | Sync components from Figma.                                                                | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/components.ts)                |
| `files`                   | Sync files from Figma.                                                                     | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/files.ts)                     |
| `projects`                | Sync projects from Figma.                                                                  | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/projects.ts)                  |
| `styles`                  | Sync styles from Figma                                                                     | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/styles.ts)                    |
| `variables`               | Sync published variables from Figma                                                        | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/variables.ts)                 |
| `versions`                | Sync versions from Figma.                                                                  | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/versions.ts)                  |
| `webhooks`                | Sync webhooks from Figma                                                                   | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/webhooks.ts)                  |
| `file-nodes`              | Sync file nodes from Figma.                                                                | [Sync](/guides/functions/syncs/sync-functions) | [🔗 Github](https://github.com/NangoHQ/integration-templates/blob/main/integrations/figma/syncs/file-nodes.ts)                |

## Access requirements

| Pre-Requisites    | Status | Comment |
| ----------------- | ------ | ------- |
| Paid dev account  | ❓      |         |
| Paid test account | ❓      |         |
| Partnership       | ❓      |         |
| App review        | ❓      |         |
| Security audit    | ❓      |         |

## Setup guide

*No setup guide yet.*

<Tip>Need help getting started? Get help in the [community](https://nango.dev/slack).</Tip>

<Note>Contribute improvements to the setup guide by [editing this page](https://github.com/nangohq/nango/tree/master/docs/integrations/all/figma.mdx)</Note>

## Useful links

* [How to register an App](https://www.figma.com/developers/api#register-oauth2)
* [OAuth-related docs](https://www.figma.com/developers/api#authentication)
* [List of OAuth scopes](https://www.figma.com/developers/api#authentication-scopes)
* [Web API docs (their REST API)](https://www.figma.com/developers/api)

<Note>Contribute useful links by [editing this page](https://github.com/nangohq/nango/tree/master/docs/integrations/all/figma.mdx)</Note>

## API gotchas

* Figma enforces rate limits on a per authenticated user basis. Each user can only have one active access token at a time for your application and cannot request multiple tokens concurrently for the same user.

<Note>Contribute API gotchas by [editing this page](https://github.com/nangohq/nango/tree/master/docs/integrations/all/figma.mdx)</Note>