Skip to main content
Glama

connecting-figma-variables-to-update-design-tokens-in-code MCP tools

Production-ready MCP servers that extend AI capabilities through file access, database connections, APIs, and contextual services.

X
75,443 tools. Last updated 2026-02-26 22:33

  • sync_design_tokens

    figmad-mcp

    Compare and synchronize design tokens between Figma variables/styles and codebases to maintain consistent design systems.

  • set_variable

    Conduit

    Create, update, or delete Figma variables (design tokens) in bulk. Manage variable collections, types, modes, and descriptions efficiently through structured input formats for consistent design token handling.
    MIT

  • get_variables

    figmad-mcp

    Extract design tokens like colors and spacing from Figma files to synchronize with codebases and maintain design consistency.

  • get_file_styles

    Figma MCP

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

  • analyze_codebase

    figmad-mcp

    Extract component definitions, props, and design tokens from codebases. Supports React, Vue, Svelte, Angular, Tailwind config, and CSS variables.

Interested in MCP?

Join the MCP community for support and updates.

RedditDiscord

Matching MCP servers