Switch between configure, runtime, and frontend modes to access different tool sets and resources for module design, entry management, or custom UI development.
Apache 2.0
538,025 tools. Updated 2026-09-09 01:40
"Figma design tool and resources" matching MCP tools:
- Audit a Figma or Penpot design export against your contract, recovering screen/state from frame names and reporting missing or unmapped screens and states.MIT
- List connected Figma files or trigger a sync to bring design tokens, components, and page structure into Contextium libraries.MIT
- 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
- Create a Figma design-token scaffold with token rows, component review, style preview metadata, adapter source, and access-token safety notes for TouchDesigner.MIT
Matching MCP Servers
- FlicenseAqualityBmaintenanceCompares Figma frames to live pages, checking colors, fonts, and border radii, and generates a shareable HTML report.6-
- FlicenseBqualityCmaintenanceEnables LLMs to read and write local user data, generate fake users via sampling, and interact with structured prompts and resources.2-
Matching MCP Connectors
Figma MCP Pack
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
- Compare a design against a rendered implementation and get structured discrepancies. Provide a Figma URL, design image, or component description to produce a report of visual differences.MIT
- Pull the full design system from Figma—tokens, components, styles—into the local registry for developer use.MIT
- Compare Figma design tokens with code-side tokens to identify matching, missing, and divergent values. Pinpoint design-code gaps for accurate parity analysis.MIT
- Fetch Figma design tokens, components, and styles via REST API without plugins. Ideal for CI/headless workflows using FIGMA_TOKEN and FIGMA_FILE_KEY.MIT
- Generate a design system rule sheet from the current Figma file, aggregating color tokens, typography styles, variables, and components into a single markdown block for AI context.MIT
- Generates a design system rule sheet from the current Figma file, aggregating color tokens, typography styles, variables, and components into a single markdown block for AI context.MIT
- Validate a generated Figma frame against your design-system bundle. Inspect fonts, colors, spacing, dimensions, and other specs to catch errors before handoff.MIT
- Resolve design-tool references like Figma file/node IDs to a registered component, returning 'resolved', 'ambiguous' with candidates, or 'unresolved' when no exact mapping exists.MIT
- Retrieve metadata for the Figma file currently open in Figma Desktop, providing file details and design context.MIT
- Convert screen plans into editable Figma designs with auto-layout and design tokens via generated SVG wireframes and a native Figma plugin.MIT
- Audit Figma variable usage against local design tokens to identify unused tokens, missing definitions, and naming discrepancies, ensuring consistency between designs and token system.MIT
- Convert a Figma file's design system into Penpot, including colors, typography, components, and page structure. Preview with dryRun before writing.MIT
- Converts Figma variable definitions into standardized design token formats (W3C, Tokens Studio, Style Dictionary) with type inference and collection mapping for syncing to local token systems.MIT
- Extract and inspect Figma design data—node trees, colors, typography, spacing, and screenshots—to understand existing designs before generating code.MIT
- Export Figma design tokens (variables and paint styles) as JSON or CSS custom properties to bridge into your codebase.MITDestructive