Extracts brand identity from Figma design files by planning required tool calls and ingesting variables, styles, and logo SVG to compile design tokens.
MIT
280,593 tools. Last updated 2026-07-10 02:47
"Figma design tool and resources" 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
- Sync design system updates by pulling tokens, components, and styles from Figma into the local registry.MIT
- Compare Figma design tokens with code tokens to detect mismatches, missing items, and divergent values for design-code gap analysis.MIT
- Export Figma design tokens (variables and paint styles) as JSON or CSS custom properties to bridge into your codebase.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
- AlicenseCqualityCmaintenanceA design-intelligent MCP server for Figma with 201 tools and built-in design rules, works with Cursor and Claude Code.Last updated10044MIT
Matching MCP Connectors
Figma MCP Pack
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
- 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
- Extract Figma design context to generate a structured requirements specification. Uses returned payload to call Figma MCP's get_design_context tool.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
- Extract all image resources from a specified Figma file using your personal access token to streamline asset management and integration workflows.MIT
- Run visual regression tests comparing a React component against its Figma design to verify implementation accuracy.MIT
- Apply styles from a design system policy markdown file to Figma components and frames.MIT
- Extract Figma design data including structure and images for integration into development workflows. Provide the full Figma URL to retrieve organized design information.MIT
- Duplicate Figma design elements by creating copies at specified coordinates. Use this tool to replicate nodes within your Figma workspace.MIT
- Convert Figma design files into agile user stories with acceptance criteria and epics. Creates structured markdown documentation from design specifications.MIT
- Audit a Figma file to detect and report design system policy violations. Identify inconsistencies and ensure compliance with design guidelines.MIT
- Retrieve all published design system tokens from a Figma file, including colors, text styles, and effects for consistent design implementation.