Skip to main content
Glama

Tools or methods to convert Figma designs into code MCP tools

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

X
71,107 tools. Last updated 2026-02-10 02:42

  • figma_to_code

    f2c-mcp-server

    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

  • design_to_code

    Figma to React MCP

    Convert Figma designs into React components and create GitHub pull requests. Accepts Figma URLs or file IDs to generate TypeScript React code with accessibility validation.
    MIT

  • Figma-To-Code

    feuse-mcp

    Convert Figma designs into production-ready frontend code tailored to your tech stack. Automatically detects project configurations, integrates design standards, and ensures visual validation with generated PNG previews.
    Mozilla Public 2.0

  • create_frame

    figmad-mcp

    Create a new frame in Figma to serve as a primary container for designs. Requires the Figma plugin connection for AI agents to manage design layouts.

  • tokenize

    Pylpex MCP

    Convert Pylpex code into tokens for analysis by breaking down source code into identifiable components with types, values, and positions.
    MIT

Interested in MCP?

Join the MCP community for support and updates.

RedditDiscord

Matching MCP servers