> **Building with AI coding agents?** Install the authstack plugin with one command. This equips your agent with accurate Scalekit implementation patterns.
>
> **Recommended**:
> ```bash
> npx @scalekit-inc/cli setup
> ```
>
> Global:
> ```bash
> npm install -g @scalekit-inc/cli
> scalekit setup
> ```
>
> Supports Claude Code, Cursor, GitHub Copilot, Codex + skills for 40+ agents.
> Features: full-stack-auth, agent-auth, mcp-auth, modular-sso, modular-scim.
> [Full setup guide](https://docs.scalekit.com/dev-kit/build-with-ai/)

---

# Figma connector

1. ### Install the SDK

   ```bash frame="terminal"
       npm install @scalekit-sdk/node
       ```
     ```bash frame="terminal"
       pip install scalekit
       ```
     Full SDK reference: [Node.js](/agentkit/sdks/node/) | [Python](/agentkit/sdks/python/)

2. ### Set your credentials

   <AgentKitCredentials />

3. ### Set up the connector

   Register your Figma credentials with Scalekit so it handles the token lifecycle. You do this once per environment.

   <details>
   <summary>Dashboard setup steps</summary>

   <SetupFigmaSection />

   </details>

4. ### Authorize and make your first call

   <QuickstartGenericOauthSection connector="figma" toolName="figma_activity_logs_list" providerName="Figma" />

## What you can do

Connect this agent connector to let your agent:

- **Get project meta, webhook, file variables local** — Retrieve metadata for a Figma project by its project ID
- **Delete comment reaction, dev resource, file comment** — Removes the authenticated user's emoji reaction from a comment in a Figma file
- **List file components, file component sets, file styles** — Returns a list of all published components in a Figma file, including their keys, names, descriptions, and thumbnails
- **Create file comment, webhook, comment reaction** — Posts a new comment on a Figma file
- **Update file variables, webhook, dev resource** — Create, update, or delete variables, variable collections, and modes in a Figma file
- **Render file images** — Renders nodes from a Figma file as images (PNG, JPG, SVG, or PDF) and returns URLs to download them

## Common workflows

<SectionAfterSetupFigmaCommonWorkflows />

## Tool list

Use the exact tool names from the **Tool list** below when you call `execute_tool`. If you're not sure which name to use, list the tools available for the current user first.

<ToolList tools={tools} />

---

## More Scalekit documentation

| Resource | What it contains | When to use it |
|----------|-----------------|----------------|
| [/llms.txt](/llms.txt) | Structured index with routing hints per product area | Start here — find which documentation set covers your topic before loading full content |
| [/llms-full.txt](/llms-full.txt) | Complete documentation for all Scalekit products in one file | Use when you need exhaustive context across multiple products or when the topic spans several areas |
| [sitemap-0.xml](https://docs.scalekit.com/sitemap-0.xml) | Full URL list of every documentation page | Use to discover specific page URLs you can fetch for targeted, page-level answers |