"Figma design tool and resources" matching MCP tools:

• get_design_contextA

  figmcpA

  Fetches design context for a Figma node, returning reference code, assets, screenshot, and variables for Flutter, HTML, or React design-to-code workflows.

  MIT

• switch_modeA

  Inistate MCP ServerA

  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

• figma_syncA

  contextium-mcp-serverB

  List connected Figma files or trigger a sync to bring design tokens, components, and page structure into Contextium libraries.

  MIT

• figma_push_variablesA

  @forgespace/ui-mcpB

  Push design tokens to Figma as variables, creating or updating variable collections automatically.

  MIT

• producer_figma_syncA

  producer-cueA

  Import or export Tokens Studio/Figma design token trees to keep design and code in sync.

  Apache 2.0

• figma_context_parserB

  @forgespace/ui-mcpB

  Extract design tokens from Figma files and map to Tailwind CSS utilities, updating the shared design context.

  MIT

• compareA

  kiyasA

  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

• figma_statusA

  FigxelB

  Bridge and plugin connection status: whether this process holds the Figma connection or shares it, every connected Figma file (session id, file, page, user, plugin version), each file's editor (Figma Design, FigJam or Figma Slides) with…

  MIT

• figma_check_design_parityA

  F-MCP (Figma MCP Bridge)B

  Compare Figma design tokens with code-side tokens to identify matching, missing, and divergent values. Pinpoint design-code gaps for accurate parity analysis.

  MIT

• get_file_stylesA

  Figma MCPA

  Retrieve all published design system tokens from a Figma file, including colors, text styles, and effects for consistent design implementation.

  MIT

• capture_designA

  Figma Live Design QA MCPA

  Fetch a Figma frame and extract design tokens. Provide a frame link or file key with node ID to generate a run ID for design QA comparison.

  -

• figma_designA

  figma-custom-mcpA

  Validate and compile a strict JSON design document into Figma, supporting overlapping absolute-positioned nodes and local image assets. Rejects unknown fields; use dryRun to test without altering Figma.

  MIT

• designfit_extractA

  designfitA

  Convert a Figma frame into the design spec designfit_validate expects. Provide a Figma link or fileKey plus nodeId, or paste raw node data; returns design, componentMap, and viewport.

  MIT

• figma_generate_component_docA

  figma-console-mcpB

  Generate structured Markdown component docs from a Figma component, including anatomy, color and spacing tokens, typography, content guidelines, annotations, and design-code parity.

  MIT

• figma_generate_component_docA

  Figma Console MCP ServerB

  Generates structured markdown component documentation from a Figma component, combining design specs, tokens, annotations, and optional code details for design-code parity.

  MIT

• figma_preview_planA

  LayerwrightA

  Validate a design plan against your cached design system without touching Figma. Returns a plan ID and summary, or errors with suggestions to fix and preview again.

  MIT

• registry_find_by_design_referenceA

  Design-Code Registry MCPA

  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

• create-figma-prototypeA

  Better DesignA

  Converts a selected or named Figma frame into an HTML page built from design system components, reports layers that cannot map, and supports rebuilding frames from files outside the library.

  MIT

• get_variablesA

  Guddion FigmaA

  Retrieves local Figma variables and design-token collections from the open Desktop file via a plugin, so teams can access tokens without an Enterprise REST API plan.

  MIT

• figma_post_commentA

  figma-console-mcpB

  Posts comments on Figma files, optionally pinned to design nodes or threaded as replies, so teams can flag design drift after parity checks.

  MIT

• figma_post_commentA

  Figma Console MCP ServerB

  Post comments to Figma files, pin them to specific design nodes, or reply to existing threads to flag design-code drift and notify designers after parity checks.

  MIT