Code & repos
Figma
Read frames, components, and design files.
A collaborative interface design tool.
Triggers0
Things that can wake up your Figma coworker.
No triggers published for Figma yet — but you can still run it on a schedule or from a chat.
Actions17
Things your coworker can do in Figma.
- Design tokens to tailwind
Convert design tokens to Tailwind CSS configuration. TWO-STEP WORKFLOW: 1. First, call FIGMA_EXTRACT_DESIGN_TOKENS with a Figma file_key to extract design tokens 2. Then, pass the returned DesignTokens object to this action's 'tokens' parameter This action generates: - tailwind.config.ts/js with theme extensions - Optional globals.css with font imports Note: Shadow colors can be provided in either string format (e.g., "rgba(15, 110, 110, 0.32)") or dictionary format (e.g., {"r": 0.059, "g": 0.431, "b": 0.431, "a": 0.32}).
FIGMA_DESIGN_TOKENS_TO_TAILWIND - Detect Background Layers
Detect background layers for selected nodes in a Figma file. This action analyzes the Figma document structure and identifies potential background elements for the given target nodes. It uses: - Geometric analysis (bounding box overlap/containment) - Z-index ordering (nodes earlier in the layer stack are behind later ones) - Visual properties (fills, node types) - Naming conventions (nodes named 'background', 'bg', etc.) Returns background candidates with confidence scores (0-1) and explanations.
FIGMA_DETECT_BACKGROUND - Discover Figma Resources
Smart Figma resource discovery - extract IDs from any Figma URL. Supports all URL formats: /file/, /design/, /board/, /proto/, /slides/ Example: figma.com/board/ABC123/Name → file_key=ABC123 Discovery workflow: team_id → projects → files → nodes Use extracted IDs with GetFileJson, DetectBackground, etc.
FIGMA_DISCOVER_FIGMA_RESOURCES - Download Figma Images
Download images from Figma file nodes. Renders specified nodes as images and downloads them. Supports PNG, SVG, JPG, and PDF formats. REQUIRED PARAMETERS: - file_key (string): The Figma file key from the URL - images (array): List of objects, each containing: - node_id (string, required): The node ID to export (e.g., "1:2") - file_name (string, required): Output filename with extension (e.g., "logo.png") - format (string, optional): One of 'png', 'svg', 'jpg', 'pdf'. Defaults to 'png' Example usage: { "file_key": "abc123XYZ", "images": [ {"node_id": "1:2", "file_name": "logo.png", "format": "png"} ] } To find node IDs, use FIGMA_GET_FILE_JSON or look in Figma URLs after 'node-id='. NOTE: Returned image URLs expire shortly after generation — download them immediately.
FIGMA_DOWNLOAD_FIGMA_IMAGES - Extract design tokens
Extract design tokens from Figma files by combining styles, variables, and node-extracted values. Only values defined as Figma styles or variables are captured — any design values not encoded as styles/variables are silently omitted. Requires `file_variables:read` scope and a Figma plan that supports variables for full output; if variables return empty, supplement with FIGMA_GET_LOCAL_VARIABLES.
FIGMA_EXTRACT_DESIGN_TOKENS - Extract Prototype Interactions
Extract prototype interactions and animations from Figma files. Required parameter: - file_key: The Figma file key extracted from a URL like 'https://www.figma.com/file/ABC123xyz/MyFile' (the 'ABC123xyz' part) Analyzes the prototype data to extract: - User interactions (clicks, hovers, etc.) - Transition animations - Component variant states - User flows and navigation
FIGMA_EXTRACT_PROTOTYPE_INTERACTIONS - Get component (Deprecated)
DEPRECATED: Use FIGMA_GET_FILE_NODES instead. Get component data with automatic simplification. Returns clean, AI-friendly component structure.
FIGMA_GET_COMPONENT - Get component
Fetches metadata for a specific component using its unique identifier. Use when you need to retrieve published component details from a team library.
FIGMA_GET_COMPONENT2 - Get current user
Retrieves detailed information for the currently authenticated Figma user.
FIGMA_GET_CURRENT_USER - Get file components
Retrieves published components from a Figma file, which must be a main file (not a branch) acting as a library.
FIGMA_GET_FILE_COMPONENTS - Get file component sets
Retrieves all published component sets from the specified Figma main file (file_key must not be for a branch).
FIGMA_GET_FILE_COMPONENT_SETS - Get file json
Get Figma Design file data with automatic simplification. IMPORTANT: Only supports Design files (figma.com/design/{file_key}). FigJam board files (figma.com/board/{file_key}) and Slides files (figma.com/slides/{file_key}) are NOT supported and will return a 400 error: "File type not supported by this endpoint". This enhanced version automatically transforms verbose Figma JSON into clean, AI-friendly format with: - CSS-like property names - Deduplicated variables - Removed empty values - 70%+ size reduction Use simplify=False to get raw API response.
FIGMA_GET_FILE_JSON - Get file metadata
Get Figma file metadata including name, creator, last modification details, thumbnail, and access information. Use when you need quick file overview without the full document tree.
FIGMA_GET_FILE_METADATA - Get file nodes
Fetch JSON for specific node IDs from a Figma file to avoid full-file payload limits. Use when you already know target node IDs (from shallow file fetch or component listings) or when full-file JSON has hit payload limits. Prefer depth=1 for fast discovery.
FIGMA_GET_FILE_NODES - Get files in a project
Fetches a list of files in a Figma project, optionally including branch metadata.
FIGMA_GET_FILES_IN_A_PROJECT - Get local variables
Retrieves all local/remote variables for a Figma file/branch; crucial for obtaining mode-specific values which `/v1/files/{file_key}/variables/published` omits.
FIGMA_GET_LOCAL_VARIABLES - Get projects in a team
Retrieves projects within a specified Figma team that are visible to the authenticated user.
FIGMA_GET_PROJECTS_IN_A_TEAM