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

# Figma

> Read Figma files, render frames as images, browse projects, and post comments

Connect your agent to Figma to inspect design files, render frames as images, browse team projects, and post comments — using your Figma personal access token.

## How to enable

Go to **Settings → Capabilities** and enable **Figma**. Then create a Figma personal access token (see below) and save it as a workspace secret from the capability settings.

## Example use cases

* **Design review** — "Every morning, list any new comments on our Design System file and summarize them in Slack"
* **Render frames** — "Render the latest version of the landing page hero frame and email it to me as a PNG"
* **Spec handoff** — "Find the 'Onboarding' frame in our Product file and post a description of each layer to the engineering Slack channel"
* **Project audit** — "List every file in our Marketing team's projects and tell me which haven't been updated in the last 90 days"
* **Comment triage** — "When a Figma comment mentions @design-team, post a summary to #design-triage in Slack"

## How to create a Figma personal access token

<Steps>
  <Step title="Open token settings">
    Sign in to Figma and go to [figma.com/developers/api#access-tokens](https://www.figma.com/developers/api#access-tokens).
  </Step>

  <Step title="Generate a new token">
    Click **Generate new token**, give it a name (e.g. "Abundly Agent"), and choose an expiration.

    Select the scopes the agent needs. Common picks:

    * **file\_content:read** — read file contents and render frames
    * **file\_metadata:read** — list file versions, basic file info
    * **projects:read** — list team projects and their files
    * **file\_comments:write** — read and post comments
    * **webhooks:write** — only if you plan to register webhooks
  </Step>

  <Step title="Copy the token">
    Copy the token now — Figma shows it only once.
  </Step>

  <Step title="Save it as a workspace secret in Abundly">
    Go to **Settings → Capabilities**, enable **Figma**, and click **Add Secret**. Paste the token and give the secret a name. The token is encrypted and stored at the workspace level — agents reference it by name, never as plain text.
  </Step>
</Steps>

<Note>
  The agent can only access files and projects that the token's owner has access to in Figma. Sharing in Figma works the same way it does for the human user.
</Note>

<Tip>
  If a request returns a permission error, the token is likely missing the right scope. Recreate the token with the additional scope and update the credential.
</Tip>

## Pointing the agent at a specific team or file

Figma's API has no "list everything" endpoint — the agent always needs a team ID or file key to do anything beyond verifying the token. In a chat, just paste the relevant Figma URL.

If the agent should always work with the same team, project, or file, add it to the agent's instructions instead — for example *"You work on the design system file at [https://figma.com/file/ABC123/](https://figma.com/file/ABC123/)..."*. The agent will use it as a default and can still access other teams/files when you ask.