Analyze codebases and design user interfaces using Google Gemini's visual understanding and detective capabilities for rapid prototyping and comprehensive analysis.
MIT
205,114 tools. Last updated 2026-06-16 04:11
"figma-design-and-prototyping-tool" matching MCP tools:
- Override a design token's value locally and optionally push the change to Figma.MIT
- Pull design tokens and components from Figma via REST API without requiring a plugin or Figma Desktop. Use in headless environments or CI for automated syncing.MIT
- Compare Figma design tokens with code tokens to detect mismatches, missing items, and divergent values for design-code gap analysis.MIT
- Retrieve all published design system tokens from a Figma file, including colors, text styles, and effects for consistent design implementation.
- Retrieve design tokens and variables from an open Figma file using fileKey or figmaUrl, no REST API or token required.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 updated73110MIT
- 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 updated7564MIT
Matching MCP Connectors
Figma MCP Pack
Generate design systems: OKLCH color palettes, fluid type scales, spacing, shape and icon tokens.
- Retrieve Figma prototyping reactions from specified nodes to analyze user interactions and prepare data for creating connector lines between design elements.MIT
- Browse and audit design tokens in Figma with a hierarchical view of variable collections, variables, modes, and paint/text styles.MIT
- Retrieve Figma prototyping reactions from multiple nodes to analyze user interactions and prepare data for creating connector lines in design workflows.
- Retrieve Figma prototyping reactions from multiple nodes to enable automatic connector line generation.MIT
- Retrieves prototyping reactions from specified Figma nodes. Output must be processed to generate connector line parameters.MIT
- Export Figma design tokens (variables and paint styles) as JSON or CSS custom properties to bridge into your codebase.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
- 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
- Convert Figma designs to React components and automatically create a GitHub pull request for the generated code.MIT
- Create a table with specified rows, columns, cell dimensions, and position within Figma designs or slides.MIT