Figma integration

Quick start

Call Figma from your generated app's worker code via the OverSkill composio client. The toolkit slug below maps to Figma's public Composio identifier — your app references it by name and OverSkill handles the OAuth round-trip.

// In your generated app's worker handler:
const composio = composioClient(env);

const result = await composio.execute(
  "FIGMA_ACTION_NAME",
  { /* action parameters — see Actions section below */ }
);

return new Response(JSON.stringify(result), {
  headers: { "Content-Type": "application/json" }
});

Replace ACTION_NAME with one of the slugs listed in the Actions section below. The composio client handles auth + rate limits automatically — no API key is exposed to user code.

Setup

OverSkill hosts the OAuth application for Figma. End-users click Connect on the integration card in your app, complete the OAuth flow with Figma, and OverSkill stores the access token scoped to their account. No client_id / client_secret configuration needed on your side.

Supported auth schemes: OAUTH2, API_KEY.

Available actions

53 actions exposed via the Figma integration. Each maps to a callable slug — pass it to composio.execute(...) in your worker code.

• FIGMA_ADD_A_COMMENT_TO_A_FILE
• FIGMA_ADD_A_REACTION_TO_A_COMMENT
• FIGMA_CREATE_A_WEBHOOK
• FIGMA_CREATE_DEV_RESOURCES
• FIGMA_CREATE_MODIFY_DELETE_VARIABLES
• FIGMA_DELETE_A_COMMENT
• FIGMA_DELETE_A_REACTION
• FIGMA_DELETE_A_WEBHOOK
• FIGMA_DELETE_DEV_RESOURCE
• FIGMA_DESIGN_TOKENS_TO_TAILWIND
• FIGMA_DETECT_BACKGROUND
• FIGMA_DISCOVER_FIGMA_RESOURCES