Integrations

Accessing your settings

1. Open the left panel.

2. Click the cogwheel icon next to the team name.

   

GitHub connection

To integrate your GitHub account with Anima Playground:

1. Navigate to Integrations: Go to the settings panel and select Integrations.
2. Enter GitHub Details:
   • Select your Token Type.
   • Enter your Access Token.
3. Click Connect: This establishes the connection between Anima Playground and your GitHub account.

How to Generate a GitHub Personal Access Token:

1. Go to your GitHub account and click on your profile picture in the top-right corner.
2. Navigate to Settings > Developer settings > Personal access tokens.
3. Click Generate new token (or Generate new token (classic)).
4. Provide a name for the token (e.g., "Anima Playground Token").
5. Select the necessary scopes:
   • If you’re using a classic personal access token, choose:
     • repo
     • read:org
     • read:user
   • If you’re using a fine-grained personal access token, set the following permissions:
     • codespaces lifecycle admin (read-only)
     • contents (read and write)
     • metadata (read-only)
6. Click Generate Token.
7. Copy the Token: Make sure to copy the token immediately, as you won't be able to view it again.
8. Paste the Token into Anima Playground’s GitHub Connection settings and click Connect.

Note: For security purposes, treat your personal access token like a password. Never share it publicly.

Connecting Figma

Anima Playground requires access to your Figma account to pull the structure, assets, and design data necessary for accurate code generation.

When signing up or pasting a Figma link, you’ll be requested to authenticate with Figma. You only need to do this once. Once authenticated, you will be able to access all the files available to you based on your Figma team permissions.

📘

Note: Anima uses a short lived access token, which means that access to Figma will expire from time to time. This is a security measure which may require you to reauthorize Anima’s access to your Figma account.

If you experience authorization issues, you can manually set your Figma token:

How to Generate a Figma Personal Access Token:

1. Log in to your Figma account.
2. Click on your profile avatar in the top-right corner and select Settings.
3. Scroll down to the Personal Access Tokens section.
4. Click Create new token.
5. Enter a descriptive name for the token (e.g., "Anima Playground Integration").
6. Click Generate Token.
7. Copy the Token: Make sure to copy the token immediately as it won't be displayed again.
8. Paste the Token into the Figma Connection settings in Anima Playground and click Connect.

Note: For security purposes, treat your Figma personal access token like a password. Do not share it publicly.