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

# Figma

> 44 actions available for Figma through StackOne. Use via Actions RPC, Toolset SDK, MCP, or A2A.

<div className="not-prose" style={{ display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '24px' }}>
  <img src="https://stackone-logos.com/api/figma/filled/png" alt="Figma" className="connector-page-icon" style={{ width: '48px', height: '48px', borderRadius: '10px', padding: '2px' }} />

  <div>
    <div style={{ fontSize: '24px', fontWeight: '600' }}>Figma</div>
    <div className="connector-page-subtitle" style={{ fontSize: '14px' }}>44 actions · 2 auth methods</div>

    <div style={{ display: 'flex', flexWrap: 'wrap', gap: '6px', marginTop: '8px' }}>
      <span className="connector-page-tag-preview" style={{ display: 'inline-block', padding: '2px 8px', borderRadius: '4px', fontSize: '11px', fontWeight: '500' }}>Preview</span>
      <span className="connector-page-category-tag" style={{ display: 'inline-block', padding: '2px 8px', borderRadius: '4px', fontSize: '11px', fontWeight: '500' }}>Documents</span>
      <span className="connector-page-category-tag" style={{ display: 'inline-block', padding: '2px 8px', borderRadius: '4px', fontSize: '11px', fontWeight: '500' }}>Users</span>
      <span className="connector-page-category-tag" style={{ display: 'inline-block', padding: '2px 8px', borderRadius: '4px', fontSize: '11px', fontWeight: '500' }}>Webhooks</span>
      <span className="connector-page-category-tag" style={{ display: 'inline-block', padding: '2px 8px', borderRadius: '4px', fontSize: '11px', fontWeight: '500' }}>Analytics</span>
    </div>
  </div>
</div>

## Authentication

<Columns cols={2}>
  <Card title="Personal Access Token">
    Best for personal scripts, plugins, and single-user integrations. Quick to set up, no app registration needed.

    Guides: [Connector Profile](/connectors/figma/guides/connector-profile/personal-access-token), [Link Account](/connectors/figma/guides/link-account/personal-access-token)
  </Card>

  <Card title="OAuth 2.0">
    Requires registering an OAuth app in the Figma Developer Portal. Some scopes are Enterprise-only.

    Guides: [Connector Profile](/connectors/figma/guides/connector-profile/oauth-2-0), [Link Account](/connectors/figma/guides/link-account/oauth-2-0)
  </Card>
</Columns>

<div className="connector-meta-library-section">
  <div className="connector-meta-library-title">Actions</div>

  <div className="connector-actions-controls not-prose" data-connector-actions-controls>
    <div className="connector-actions-controls__row">
      <input type="search" className="connector-actions-search" data-connector-actions-search placeholder="Search actions" aria-label="Search actions" />

      <div className="connector-actions-scopes" data-connector-actions-scopes>
        <button type="button" className="connector-actions-scopes__toggle" data-connector-actions-scopes-toggle aria-expanded="false">
          <span>Scopes<span data-connector-actions-scopes-count /></span>
        </button>

        <div className="connector-actions-scopes__menu">
          <div className="connector-actions-scopes__header">
            <input type="search" className="connector-actions-scopes__search" data-connector-actions-scope-search placeholder="Search scopes..." aria-label="Search scopes" />

            <div className="connector-actions-scopes__actions">
              <button type="button" data-connector-actions-scopes-select-all>Select all</button>
              <span>|</span>
              <button type="button" data-connector-actions-scopes-clear>Clear</button>
            </div>
          </div>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="current_user:read" data-connector-actions-scope-filter />

            <span>current\_user:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_comments:read" data-connector-actions-scope-filter />

            <span>file\_comments:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_comments:write" data-connector-actions-scope-filter />

            <span>file\_comments:write</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_content:read" data-connector-actions-scope-filter />

            <span>file\_content:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_dev_resources:read" data-connector-actions-scope-filter />

            <span>file\_dev\_resources:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_dev_resources:write" data-connector-actions-scope-filter />

            <span>file\_dev\_resources:write</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_metadata:read" data-connector-actions-scope-filter />

            <span>file\_metadata:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_variables:read" data-connector-actions-scope-filter />

            <span>file\_variables:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_variables:write" data-connector-actions-scope-filter />

            <span>file\_variables:write</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="file_versions:read" data-connector-actions-scope-filter />

            <span>file\_versions:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="library_analytics:read" data-connector-actions-scope-filter />

            <span>library\_analytics:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="library_assets:read" data-connector-actions-scope-filter />

            <span>library\_assets:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="library_content:read" data-connector-actions-scope-filter />

            <span>library\_content:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="org:activity_log_read" data-connector-actions-scope-filter />

            <span>org:activity\_log\_read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="projects:read" data-connector-actions-scope-filter />

            <span>projects:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="team_library_content:read" data-connector-actions-scope-filter />

            <span>team\_library\_content:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="webhooks:read" data-connector-actions-scope-filter />

            <span>webhooks:read</span>
          </label>

          <label className="connector-actions-scopes__item">
            <input type="checkbox" value="webhooks:write" data-connector-actions-scope-filter />

            <span>webhooks:write</span>
          </label>

          <div className="connector-actions-scopes__empty" hidden>No scopes found</div>
        </div>
      </div>
    </div>
  </div>

  <div className="meta-library-count" data-connector-actions-count>44 actions</div>

  <div className="not-prose meta-library-table-container" data-connector-actions-table>
    <div className="connector-meta-library-grid" style={{ gridTemplateColumns: '200px 1fr 150px' }}>
      <div className="connector-meta-library-row">
        <div className="meta-library-grid-header-cell">Action</div>
        <div className="meta-library-grid-header-cell">Description</div>
        <div className="meta-library-grid-header-cell">Required scopes</div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_file" data-action-label="Get File" data-action-scopes="file_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get File</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_file" aria-label="Copy figma_get_file"><code className="connector-page-code">figma\_get\_file</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieves the complete JSON representation of a Figma file including all pages, frames, components, layers, and their pr...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_content:read" aria-label="Copy scope file_content:read"><code className="connector-page-code">file\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_file_nodes" data-action-label="Get File Nodes" data-action-scopes="file_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get File Nodes</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_file_nodes" aria-label="Copy figma_get_file_nodes"><code className="connector-page-code">figma\_get\_file\_nodes</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieves specific nodes from a Figma file by their IDs without fetching the entire file structure, enabling efficient t...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_content:read" aria-label="Copy scope file_content:read"><code className="connector-page-code">file\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_render_images" data-action-label="Render Images" data-action-scopes="file_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Render Images</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_render_images" aria-label="Copy figma_render_images"><code className="connector-page-code">figma\_render\_images</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Renders and exports images of specific nodes from a Figma file in multiple formats (PNG, JPG, SVG, PDF) with customizabl...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_content:read" aria-label="Copy scope file_content:read"><code className="connector-page-code">file\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_image_fills" data-action-label="Get Image Fills" data-action-scopes="file_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Image Fills</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_image_fills" aria-label="Copy figma_get_image_fills"><code className="connector-page-code">figma\_get\_image\_fills</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieves download URLs for all user-uploaded images used as fills in a Figma file, including photos, textures, and bitm...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_content:read" aria-label="Copy scope file_content:read"><code className="connector-page-code">file\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_file_metadata" data-action-label="Get File Metadata" data-action-scopes="file_metadata:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get File Metadata</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_file_metadata" aria-label="Copy figma_get_file_metadata"><code className="connector-page-code">figma\_get\_file\_metadata</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieves lightweight metadata about a Figma file including name, thumbnail, timestamps, editor type, version informatio...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_metadata:read" aria-label="Copy scope file_metadata:read"><code className="connector-page-code">file\_metadata:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_file_versions" data-action-label="Get File Versions" data-action-scopes="file_versions:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get File Versions</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_file_versions" aria-label="Copy figma_get_file_versions"><code className="connector-page-code">figma\_get\_file\_versions</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve the version history of a Figma file, returning a paginated list of version snapshots with timestamps, descripti...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_versions:read" aria-label="Copy scope file_versions:read"><code className="connector-page-code">file\_versions:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_team_projects" data-action-label="Get Team Projects" data-action-scopes="projects:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Team Projects</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_team_projects" aria-label="Copy figma_get_team_projects"><code className="connector-page-code">figma\_get\_team\_projects</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieves all projects within a specified team, including project names, IDs, and metadata. Useful for team workspace na...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="projects:read" aria-label="Copy scope projects:read"><code className="connector-page-code">projects:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_project_files" data-action-label="Get Project Files" data-action-scopes="projects:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Project Files</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_project_files" aria-label="Copy figma_get_project_files"><code className="connector-page-code">figma\_get\_project\_files</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieves all design files within a specific project, including file names, keys, thumbnail URLs, and last modified time...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="projects:read" aria-label="Copy scope projects:read"><code className="connector-page-code">projects:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_comments" data-action-label="Get Comments" data-action-scopes="file_comments:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Comments</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_comments" aria-label="Copy figma_get_comments"><code className="connector-page-code">figma\_get\_comments</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve all comments and comment threads from a Figma file, including user information, timestamps, and threaded replie...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_comments:read" aria-label="Copy scope file_comments:read"><code className="connector-page-code">file\_comments:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_create_comment" data-action-label="Create Comment" data-action-scopes="file_comments:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Create Comment</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_create_comment" aria-label="Copy figma_create_comment"><code className="connector-page-code">figma\_create\_comment</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Post a new comment on a Figma file as either a standalone comment or a threaded reply to an existing comment</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_comments:write" aria-label="Copy scope file_comments:write"><code className="connector-page-code">file\_comments:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_delete_comment" data-action-label="Delete Comment" data-action-scopes="file_comments:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Delete Comment</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_delete_comment" aria-label="Copy figma_delete_comment"><code className="connector-page-code">figma\_delete\_comment</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Permanently delete a specific comment from a Figma file, removing it from the design's comment thread</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_comments:write" aria-label="Copy scope file_comments:write"><code className="connector-page-code">file\_comments:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_comment_reactions" data-action-label="Get Comment Reactions" data-action-scopes="file_comments:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Comment Reactions</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_comment_reactions" aria-label="Copy figma_get_comment_reactions"><code className="connector-page-code">figma\_get\_comment\_reactions</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve all emoji reactions added to a specific comment, including who reacted and when</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_comments:read" aria-label="Copy scope file_comments:read"><code className="connector-page-code">file\_comments:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_create_comment_reaction" data-action-label="Create Comment Reaction" data-action-scopes="file_comments:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Create Comment Reaction</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_create_comment_reaction" aria-label="Copy figma_create_comment_reaction"><code className="connector-page-code">figma\_create\_comment\_reaction</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Add an emoji reaction to a comment for quick engagement without writing a full reply</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_comments:write" aria-label="Copy scope file_comments:write"><code className="connector-page-code">file\_comments:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_delete_comment_reaction" data-action-label="Delete Comment Reaction" data-action-scopes="file_comments:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Delete Comment Reaction</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_delete_comment_reaction" aria-label="Copy figma_delete_comment_reaction"><code className="connector-page-code">figma\_delete\_comment\_reaction</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Remove an emoji reaction from a comment that you previously added</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_comments:write" aria-label="Copy scope file_comments:write"><code className="connector-page-code">file\_comments:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_current_user" data-action-label="Get Current User" data-action-scopes="current_user:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Current User</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_current_user" aria-label="Copy figma_get_current_user"><code className="connector-page-code">figma\_get\_current\_user</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get information about the currently authenticated user</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="current_user:read" aria-label="Copy scope current_user:read"><code className="connector-page-code">current\_user:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_team_components" data-action-label="Get Team Components" data-action-scopes="team_library_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Team Components</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_team_components" aria-label="Copy figma_get_team_components"><code className="connector-page-code">figma\_get\_team\_components</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve all published components from a team's shared library with pagination support, useful for building component br...</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="team_library_content:read" aria-label="Copy scope team_library_content:read"><code className="connector-page-code">team\_library\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_file_components" data-action-label="Get File Components" data-action-scopes="library_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get File Components</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_file_components" aria-label="Copy figma_get_file_components"><code className="connector-page-code">figma\_get\_file\_components</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve all published components from a specific Figma file's library, returning component metadata without pagination</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_content:read" aria-label="Copy scope library_content:read"><code className="connector-page-code">library\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_component" data-action-label="Get Component" data-action-scopes="library_assets:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Component</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_component" aria-label="Copy figma_get_component"><code className="connector-page-code">figma\_get\_component</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve detailed metadata for a specific component by its unique component key</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_assets:read" aria-label="Copy scope library_assets:read"><code className="connector-page-code">library\_assets:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_team_component_sets" data-action-label="Get Team Component Sets" data-action-scopes="team_library_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Team Component Sets</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_team_component_sets" aria-label="Copy figma_get_team_component_sets"><code className="connector-page-code">figma\_get\_team\_component\_sets</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve all published component sets (variant groups) from a team's shared library with pagination support</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="team_library_content:read" aria-label="Copy scope team_library_content:read"><code className="connector-page-code">team\_library\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_file_component_sets" data-action-label="Get File Component Sets" data-action-scopes="library_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get File Component Sets</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_file_component_sets" aria-label="Copy figma_get_file_component_sets"><code className="connector-page-code">figma\_get\_file\_component\_sets</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve all published component sets (variant groups) from a specific Figma file's library without pagination</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_content:read" aria-label="Copy scope library_content:read"><code className="connector-page-code">library\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_component_set" data-action-label="Get Component Set" data-action-scopes="library_assets:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Component Set</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_component_set" aria-label="Copy figma_get_component_set"><code className="connector-page-code">figma\_get\_component\_set</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Retrieve detailed metadata for a specific component set (variant group) by its unique key</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_assets:read" aria-label="Copy scope library_assets:read"><code className="connector-page-code">library\_assets:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_team_styles" data-action-label="Get Team Styles" data-action-scopes="team_library_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Team Styles</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_team_styles" aria-label="Copy figma_get_team_styles"><code className="connector-page-code">figma\_get\_team\_styles</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get a paginated list of published styles within a team library, including color, text, effect, and grid styles</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="team_library_content:read" aria-label="Copy scope team_library_content:read"><code className="connector-page-code">team\_library\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_file_styles" data-action-label="Get File Styles" data-action-scopes="library_content:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get File Styles</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_file_styles" aria-label="Copy figma_get_file_styles"><code className="connector-page-code">figma\_get\_file\_styles</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get a list of published styles within a specific Figma file's library without pagination</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_content:read" aria-label="Copy scope library_content:read"><code className="connector-page-code">library\_content:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_style" data-action-label="Get Style" data-action-scopes="library_assets:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Style</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_style" aria-label="Copy figma_get_style"><code className="connector-page-code">figma\_get\_style</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get metadata on a specific style by its unique key, including style type, name, description, and file reference</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_assets:read" aria-label="Copy scope library_assets:read"><code className="connector-page-code">library\_assets:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_webhooks" data-action-label="Get Webhooks" data-action-scopes="webhooks:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Webhooks</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_webhooks" aria-label="Copy figma_get_webhooks"><code className="connector-page-code">figma\_get\_webhooks</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get all webhooks for a given context (team, project, file) or plan</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="webhooks:read" aria-label="Copy scope webhooks:read"><code className="connector-page-code">webhooks:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_create_webhook" data-action-label="Create Webhook" data-action-scopes="webhooks:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Create Webhook</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_create_webhook" aria-label="Copy figma_create_webhook"><code className="connector-page-code">figma\_create\_webhook</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Create a new webhook to receive events from Figma</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="webhooks:write" aria-label="Copy scope webhooks:write"><code className="connector-page-code">webhooks:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_webhook" data-action-label="Get Webhook" data-action-scopes="webhooks:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Webhook</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_webhook" aria-label="Copy figma_get_webhook"><code className="connector-page-code">figma\_get\_webhook</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get details of a specific webhook by ID</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="webhooks:read" aria-label="Copy scope webhooks:read"><code className="connector-page-code">webhooks:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_update_webhook" data-action-label="Update Webhook" data-action-scopes="webhooks:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Update Webhook</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_update_webhook" aria-label="Copy figma_update_webhook"><code className="connector-page-code">figma\_update\_webhook</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Update an existing webhook configuration</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="webhooks:write" aria-label="Copy scope webhooks:write"><code className="connector-page-code">webhooks:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_delete_webhook" data-action-label="Delete Webhook" data-action-scopes="webhooks:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Delete Webhook</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_delete_webhook" aria-label="Copy figma_delete_webhook"><code className="connector-page-code">figma\_delete\_webhook</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Permanently delete a webhook</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="webhooks:write" aria-label="Copy scope webhooks:write"><code className="connector-page-code">webhooks:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_webhook_requests" data-action-label="Get Webhook Requests" data-action-scopes="webhooks:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Webhook Requests</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_webhook_requests" aria-label="Copy figma_get_webhook_requests"><code className="connector-page-code">figma\_get\_webhook\_requests</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get webhook delivery logs from the last week</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="webhooks:read" aria-label="Copy scope webhooks:read"><code className="connector-page-code">webhooks:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_local_variables" data-action-label="Get Local Variables" data-action-scopes="file_variables:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Local Variables</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_local_variables" aria-label="Copy figma_get_local_variables"><code className="connector-page-code">figma\_get\_local\_variables</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get local and remote variables used in a file (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_variables:read" aria-label="Copy scope file_variables:read"><code className="connector-page-code">file\_variables:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_published_variables" data-action-label="Get Published Variables" data-action-scopes="file_variables:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Published Variables</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_published_variables" aria-label="Copy figma_get_published_variables"><code className="connector-page-code">figma\_get\_published\_variables</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get published variables from a file library (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_variables:read" aria-label="Copy scope file_variables:read"><code className="connector-page-code">file\_variables:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_bulk_create_update_delete_variables" data-action-label="Bulk Create/Update/Delete Variables" data-action-scopes="file_variables:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Bulk Create/Update/Delete Variables</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_bulk_create_update_delete_variables" aria-label="Copy figma_bulk_create_update_delete_variables"><code className="connector-page-code">figma\_bulk\_create\_update\_delete\_variables</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Bulk create, update, and delete variables and variable collections (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_variables:write" aria-label="Copy scope file_variables:write"><code className="connector-page-code">file\_variables:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_list_dev_resources" data-action-label="List Dev Resources" data-action-scopes="file_dev_resources:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>List Dev Resources</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_list_dev_resources" aria-label="Copy figma_list_dev_resources"><code className="connector-page-code">figma\_list\_dev\_resources</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get developer resources (links) attached to nodes in a file</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_dev_resources:read" aria-label="Copy scope file_dev_resources:read"><code className="connector-page-code">file\_dev\_resources:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_bulk_create_dev_resources" data-action-label="Bulk Create Dev Resources" data-action-scopes="file_dev_resources:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Bulk Create Dev Resources</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_bulk_create_dev_resources" aria-label="Copy figma_bulk_create_dev_resources"><code className="connector-page-code">figma\_bulk\_create\_dev\_resources</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Bulk create developer resource links across multiple files</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_dev_resources:write" aria-label="Copy scope file_dev_resources:write"><code className="connector-page-code">file\_dev\_resources:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_bulk_update_dev_resources" data-action-label="Bulk Update Dev Resources" data-action-scopes="file_dev_resources:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Bulk Update Dev Resources</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_bulk_update_dev_resources" aria-label="Copy figma_bulk_update_dev_resources"><code className="connector-page-code">figma\_bulk\_update\_dev\_resources</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Bulk update existing developer resource links</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_dev_resources:write" aria-label="Copy scope file_dev_resources:write"><code className="connector-page-code">file\_dev\_resources:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_delete_dev_resource" data-action-label="Delete Dev Resource" data-action-scopes="file_dev_resources:write">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Delete Dev Resource</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_delete_dev_resource" aria-label="Copy figma_delete_dev_resource"><code className="connector-page-code">figma\_delete\_dev\_resource</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Delete a specific developer resource link from a file</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="file_dev_resources:write" aria-label="Copy scope file_dev_resources:write"><code className="connector-page-code">file\_dev\_resources:write</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_library_analytics_component_actions" data-action-label="Get Component Actions Analytics" data-action-scopes="library_analytics:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Component Actions Analytics</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_library_analytics_component_actions" aria-label="Copy figma_get_library_analytics_component_actions"><code className="connector-page-code">figma\_get\_library\_analytics\_component\_actions</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get time series data on component actions (insertions, detachments) in a library (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_analytics:read" aria-label="Copy scope library_analytics:read"><code className="connector-page-code">library\_analytics:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_library_analytics_component_usages" data-action-label="Get Component Usages Analytics" data-action-scopes="library_analytics:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Component Usages Analytics</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_library_analytics_component_usages" aria-label="Copy figma_get_library_analytics_component_usages"><code className="connector-page-code">figma\_get\_library\_analytics\_component\_usages</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get summary data on component instance counts across all files (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_analytics:read" aria-label="Copy scope library_analytics:read"><code className="connector-page-code">library\_analytics:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_library_analytics_style_actions" data-action-label="Get Style Actions Analytics" data-action-scopes="library_analytics:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Style Actions Analytics</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_library_analytics_style_actions" aria-label="Copy figma_get_library_analytics_style_actions"><code className="connector-page-code">figma\_get\_library\_analytics\_style\_actions</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get time series data on style actions (insertions, detachments) in a library (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_analytics:read" aria-label="Copy scope library_analytics:read"><code className="connector-page-code">library\_analytics:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_library_analytics_style_usages" data-action-label="Get Style Usages Analytics" data-action-scopes="library_analytics:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Style Usages Analytics</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_library_analytics_style_usages" aria-label="Copy figma_get_library_analytics_style_usages"><code className="connector-page-code">figma\_get\_library\_analytics\_style\_usages</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get summary data on style instance counts across all files (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_analytics:read" aria-label="Copy scope library_analytics:read"><code className="connector-page-code">library\_analytics:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_library_analytics_variable_actions" data-action-label="Get Variable Actions Analytics" data-action-scopes="library_analytics:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Variable Actions Analytics</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_library_analytics_variable_actions" aria-label="Copy figma_get_library_analytics_variable_actions"><code className="connector-page-code">figma\_get\_library\_analytics\_variable\_actions</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get time series data on variable actions in a library (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_analytics:read" aria-label="Copy scope library_analytics:read"><code className="connector-page-code">library\_analytics:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_library_analytics_variable_usages" data-action-label="Get Variable Usages Analytics" data-action-scopes="library_analytics:read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Variable Usages Analytics</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_library_analytics_variable_usages" aria-label="Copy figma_get_library_analytics_variable_usages"><code className="connector-page-code">figma\_get\_library\_analytics\_variable\_usages</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get summary data on variable instance counts across all files (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="library_analytics:read" aria-label="Copy scope library_analytics:read"><code className="connector-page-code">library\_analytics:read</code></button></div>
        </div>
      </div>

      <div className="connector-meta-library-row" data-action-id="figma_get_activity_logs" data-action-label="Get Activity Logs" data-action-scopes="org:activity_log_read">
        <div className="meta-library-grid-cell connector-meta-library-item-cell">
          <div style={{ fontWeight: '500' }}>Get Activity Logs</div>
          <div style={{ marginTop: '4px' }}><button type="button" className="connector-page-code-button" data-copy="figma_get_activity_logs" aria-label="Copy figma_get_activity_logs"><code className="connector-page-code">figma\_get\_activity\_logs</code></button></div>
        </div>

        <div className="meta-library-grid-cell meta-library-grid-cell--description">Get organization activity logs for security auditing and compliance (Enterprise only)</div>

        <div className="meta-library-grid-cell meta-library-grid-cell--values">
          <div className="connector-meta-library-values-list"><button type="button" className="connector-page-code-button" data-copy="org:activity_log_read" aria-label="Copy scope org:activity_log_read"><code className="connector-page-code">org:activity\_log\_read</code></button></div>
        </div>
      </div>
    </div>
  </div>
</div>

## Getting Started

<Steps>
  <Step title="Create or Select a Project">
    Set up a new project or select an existing one. See the [Projects Guide](/guides/managing-projects).
  </Step>

  <Step title="Configure the Connector">
    Enable the connector and set up a connector profile in your project. See [Managing Connectors](/guides/explore-connectors).

    <Columns cols={2}>
      <Card title="Connector Profile" href="/connectors/figma/guides/connector-profile/personal-access-token" icon="https://stackone-logos.com/api/figma/filled/png" horizontal>
        Figma - Personal Access Token
      </Card>

      <Card title="Connector Profile" href="/connectors/figma/guides/connector-profile/oauth-2-0" icon="https://stackone-logos.com/api/figma/filled/png" horizontal>
        Figma - OAuth 2.0
      </Card>
    </Columns>
  </Step>

  <Step title="Link an Account">
    Connect an account using [StackOne Hub](/guides/embedding-stackone-hub) or [Auth Link](/guides/auth-link).

    <Columns cols={2}>
      <Card title="Link Account" href="/connectors/figma/guides/link-account/personal-access-token" icon="https://stackone-logos.com/api/figma/filled/png" horizontal>
        Figma - Personal Access Token
      </Card>

      <Card title="Link Account" href="/connectors/figma/guides/link-account/oauth-2-0" icon="https://stackone-logos.com/api/figma/filled/png" horizontal>
        Figma - OAuth 2.0
      </Card>
    </Columns>
  </Step>

  <Step title="Use Actions">
    Invoke actions using one of the methods below:

    * [MCP](/mcp/quickstart) – Model Context Protocol for AI assistants
    * [A2A](/a2a/quickstart) – Agent-to-Agent protocol
    * [AI Toolset (TypeScript)](/agents/typescript/introduction) – TypeScript SDK for AI agents
    * [AI Toolset (Python)](/agents/python/introduction) – Python SDK for AI agents
    * [Actions RPC](/platform/api-reference/actions/make-an-rpc-call-to-an-action) – Direct API calls
    * [Playground](/guides/playground) – Test actions in the dashboard
  </Step>
</Steps>