Analyze codebases and design user interfaces using Google Gemini's visual understanding and detective capabilities for rapid prototyping and comprehensive analysis.
MIT
163,773 tools. Last updated 2026-05-30 20:07
"Figma - A 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
- Sync design tokens, components, and styles from Figma to your local registry. Run at session start or after designer changes.MIT
- Retrieve all published design system tokens from a Figma file, including colors, text styles, and effects for consistent design implementation.
- Replace the reactions array on a Figma node to update prototyping interactions, such as fixing variable references. Provide the complete array of modified reaction objects.MIT
Matching MCP Servers
- AlicenseBqualityCmaintenanceEnables 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 updated74410MIT
- Alicense-qualityCmaintenanceEnables 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 updated75164MIT
Matching MCP Connectors
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
The industry standard reference for safe, observable, and steerable AI agent UX. Browse and search the 10 Blueprint principles, principle clusters, curated implementation examples, and application guides. 13 public tools require no credentials. Tools for learning path, coaching context, and handoffs require a Firebase Bearer token. Validation and usage summary tools require a Pro or Teams membership.
- 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.
- Retrieve prototyping reactions from multiple Figma nodes. Process the output using the reaction_to_connector_strategy prompt to generate connector line parameters.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
- 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 from Figma variables JSON export to translate design systems across platforms like Material 3, SwiftUI, and CSS.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
- Convert Figma designs to React components and automatically create a GitHub pull request for the generated code.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
- Convert Figma design files into agile user stories with acceptance criteria and epics. Creates structured markdown documentation from design specifications.MIT
- Reconstruct captured webpages in Figma by converting DOM structures into design elements like frames, shapes, and text for design analysis or prototyping.
- Retrieve Figma prototyping reactions from multiple nodes to analyze user interactions and prepare data for creating connector lines in designs.
- Prepares a structured payload to extract design context from a Figma file, enabling AI clients to generate specifications using Figma MCP calls.