Skip to main content
Glama
101,371 tools. Last updated 2026-04-07 11:49

  • 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

  • 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.

  • 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

  • convert-figma-to-code

    flowbite-mcp

    Convert Figma design layers to production-ready code blocks for websites, layouts, and themes using the Flowbite UI framework and Tailwind CSS.
    MIT

Matching MCP Servers

  • Figma to React MCP

    surisagar900
    A
    security
    A
    license
    -
    quality
    Automates the conversion of Figma designs into TypeScript React components and integrates with GitHub to create pull requests for the generated code. It includes visual regression testing with Playwright and accessibility validation to ensure implementations match the original designs.
    Last updated 7 months ago
    5
    6
    MIT

Matching MCP Connectors

  • Agent to Agent communication

    Connect any two AI agents and let them talk directly. Claude to Claude, Claude to OpenAI, or any MCP-compatible agent

  • HTML/CSS to ImageOAuth

    An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.