Extracts brand identity from Figma design files by planning required tool calls and ingesting variables, styles, and logo SVG to compile design tokens.
MIT
260,585 tools. Last updated 2026-07-05 07:35
"A design and prototyping tool - Figma" matching MCP tools:
- Push design tokens to Figma as variables, creating or updating variable collections automatically.MIT
- Extract design tokens from Figma files and map to Tailwind CSS utilities, updating the shared design context.MIT
- Update a design token value in the local registry and optionally push the change to Figma. Use to apply token overrides and propagate them to Figma.MIT
- Pulls design tokens, components, and styles from Figma into the local registry. Use after Figma changes to sync design assets for code.MIT
- Compare Figma design tokens with code tokens to detect mismatches, missing items, and divergent values for design-code gap analysis.MIT
Matching MCP Servers
- AlicenseBqualityDmaintenanceEnables interaction with Figma designs through the Figma API, allowing users to export images in multiple formats, extract style data and CSS, analyze design elements, and retrieve SVG code from Figma files. Supports batch operations and comprehensive design element analysis including images, vectors, and components.Last updated73311MIT
- AlicenseBqualityDmaintenanceEnables AI assistants to interact with Figma designs programmatically, supporting comprehensive design automation including text manipulation with formatting preservation, batch operations, prototyping, auto-layout configuration, and component management.Last updated75284MIT
Matching MCP Connectors
Figma MCP Pack
Design Feeds MCP.
- Analyze codebases and design user interfaces using Google Gemini's visual understanding and detective capabilities for rapid prototyping and comprehensive analysis.MIT
- Retrieve Figma prototyping reactions from specified nodes to analyze user interactions and prepare data for creating connector lines between design elements.MIT
- Retrieve Figma prototyping reactions from multiple nodes to analyze user interactions and prepare data for creating connector lines in design workflows.
- Retrieves Figma prototyping reactions from specified nodes to generate connector line parameters for creating connections.MIT
- Retrieve Figma prototyping reactions from multiple nodes to enable automatic connector line generation.MIT
- Export Figma design tokens (variables and paint styles) as JSON or CSS custom properties to bridge into your codebase.MIT
- Retrieves prototyping reactions from specified Figma nodes. Output must be processed to generate connector line parameters.MIT
- Retrieve a structured markdown tree of a Figma node with all design properties and Tokens Studio token references to generate code using design tokens.MIT
- Extracts design context from Figma and generates requirements specifications. Outputs a payload to guide the AI client in retrieving design details.MIT
- Extract Figma node IDs and convert designs into HTML, React with CSS Modules, or React with Tailwind CSS using MCP server f2c-mcp-server to automate design-to-code workflows.MIT
- Extract design tokens from Figma variables JSON export to translate design systems across platforms like Material 3, SwiftUI, and CSS.MIT
- Generate a brand theme that outputs CSS variables and Figma Variables JSON from design tokens; requires brand name and primary color, optional neutral.MIT
- Extract design tokens, components, and structure from a Figma design by providing a URL or file ID.MIT
- Convert Figma designs to React components and automatically create a GitHub pull request for the generated code.MIT