Skip to main content
Glama
Sign In
deenesjakoruzh

f2c-mcp-server

by f2c-ai
npmGitHub
TypeScript
MIT License
94
17
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue
Integrations

  • Converts Figma design elements to CSS code, allowing for high-fidelity representation of designs in web development

  • Enables AI coding assistants to access Figma design data, convert Figma design nodes to high-fidelity HTML/CSS markup, and provide Figma design context to AI coding tools

  • Links to the project repository for access to the source code and related resources

F2C MCP Server

English | 简体中文

A Model Context Protocol server for Figma Design to Code using F2C.

Features

  • 🎨 Convert Figma design nodes to high-fidelity HTML/CSS markup, Industry-leading position
  • 📚 Provides Figma design context to AI coding tools like Cursor
  • 🚀 Supports Figma file URLs with fileKey and nodeId parameters

Getting started

See Getting started

FAQ

See FAQ

Credits

Thanks to:

  • Framelink Figma MCP Server Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.
  • Cursor Talk to Figma MCP Allowing Cursor to communicate with Figma for reading designs and modifying them programmatically.
  • Figma MCP Server This server provides tools for viewing, commenting, and analyzing Figma designs directly through the ModelContextProtocol.

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Tools

f2c-mcp-server

  1. Features
    1. Getting started
      1. FAQ
        1. Credits

          Related MCP Servers

          • figma-mcp

            JayZeeDesign
            A
            security
            A
            license
            A
            quality
            Allow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993 1. Access all figma pages 2. Access all figma components 3. Access figma prototype flows
            Last updated -
            3
            49
            Python
            MIT License

          • mcp-figma

            smithery-ai
            A
            security
            F
            license
            A
            quality
            A Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.
            Last updated -
            18
            34
            1

          • Figma MCP Server

            MatthewDailey
            A
            security
            F
            license
            A
            quality
            Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
            Last updated -
            5
            1,284
            151
            TypeScript
            • Apple

          View all related MCP servers

          New MCP Servers

          MCP directory API

          We provide all the information about MCP servers via our MCP API.

          curl -X GET 'https://glama.ai/api/mcp/v1/servers/f2c-ai/f2c-mcp'

          If you have feedback or need assistance with the MCP directory API, please join our Discord server