Analyze codebases and design user interfaces using Google Gemini's visual understanding and detective capabilities for rapid prototyping and comprehensive analysis.
MIT
132,608 tools. Last updated 2026-05-10 23:38
"A platform for collaborative design and prototyping (Figma)" matching MCP tools:
- 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.
- Prepares a structured payload to extract design context from a Figma file, enabling AI clients to generate specifications using Figma MCP calls.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
Matching MCP Servers
- 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 updated54MIT
- Alicense-quality-maintenanceEnables AI coding agents to access Figma design data by fetching and simplifying layout and styling metadata. This allows developers to accurately implement UI designs in code directly from Figma file links.Last updated43,048
Matching MCP Connectors
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
VaultCrux Platform — 60 tools: retrieval, proof, intel, economy, watch, org
- 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
- Run visual regression tests comparing a React component against its Figma design to verify implementation accuracy.MIT
- Join a designated channel to enable communication between the Talk to Figma MCP server and Figma, facilitating the exchange of design data and collaborative updates.MIT
- Convert Figma design files into agile user stories with acceptance criteria and epics. Creates structured markdown documentation from design specifications.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
- Retrieve all published design system tokens from a Figma file, including colors, text styles, and effects for consistent design implementation.
- 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.
- Extract design context from Figma files as CSS-like properties for layout, styles, text, and dimensions to facilitate design-to-code workflows.
- Extract design tokens like colors and spacing from Figma files to synchronize with codebases and maintain design consistency.
- Compare and synchronize design tokens between Figma variables/styles and codebases to maintain consistent design systems.
- Add comments to Figma files to provide feedback, mark specific elements, or reply to existing discussions for collaborative design review.
- Retrieve all comments from a Figma file to review feedback and track design discussions within collaborative projects.