Figma to Code MCP Server by F2C

MCP Servers Chevron right icon

Figma to Code

Provider

F2C

Classification

community

Estimated Downloads

This is our estimate of how many downloads occurred of this server across the MCP ecosystem (not specific to any single platform). We use a mix of publicly available data, social signals, and more to feed an algorithm that drives this estimation.

13.1k (142 this week)

Released On

Apr 25, 2025

Bridges Figma design files to code generation, enabling direct conversion of designs into HTML, CSS, and other assets with customizable output paths and file organization.

GitHub Repo (321 stars)

Related Servers

Figma

Matthew Dailey

Interact with Figma design files through the Figma REST API for design analysis, feedback, and collaboration.

Classification

community

Est Downloads (All Time)

28.1k

Release Date

Dec 6, 2024

Figma REST API

Tim Holden

Integrates with the Figma REST API to manage design system elements, enabling variable handling, file operations, and...

Classification

community

Est Downloads (All Time)

20.1k

Release Date

Dec 28, 2024

Figma Context

GLips

Integrates with Figma's design platform API to enable AI-driven design operations, asset management, and team...

Classification

community

Est Downloads (All Time)

1.1m

Release Date

Feb 13, 2025

Figma Node Explorer

Bala Bosch

Integrates with the Figma API to extract and analyze design file structures, enabling exploration of node hierarchies...

Classification

community

Est Downloads (All Time)

281

Release Date

Feb 25, 2025

Figma

Noah

Integrates with the Figma API to enable design file operations, comment management, and access to design assets for...

Classification

community

Est Downloads (All Time)

562

Release Date

Mar 4, 2025

Figma

akazwz

Integrates with the Figma API to enable interaction with design files and projects, facilitating automated design...

Classification

community

Est Downloads (All Time)

1.4k

Release Date

Mar 5, 2025

Figma

Jason Zhou

Integrates with Figma's API to enable direct access to design files and prototypes for generating code and answering...

Classification

community

Est Downloads (All Time)

Release Date

Mar 8, 2025

Talk to Figma

Sonny Lazuardi

Enables AI to create, manipulate, and analyze Figma design files through a WebSocket bridge that establishes...

Classification

community

Est Downloads (All Time)

—

Release Date

Mar 20, 2025

Figma to React Native

Kailash G

Extracts and analyzes components from Figma design files, enabling seamless integration between Figma designs and...

Classification

community

Est Downloads (All Time)

4.4k

Release Date

Mar 20, 2025

Flux Studio

jmanhype

Bridges Flux's image generation capabilities to coding environments, enabling text-to-image, image-to-image,...

Classification

community

Est Downloads (All Time)

Release Date

Feb 20, 2025

Figma

JayArrowz

Integrates with Figma's API to enable viewing, manipulating, and collaborating on design files through comprehensive...

Classification

community

Est Downloads (All Time)

4.6k

Release Date

Mar 21, 2025

Figma

Deep Suthar

Integrates with Figma's API to enable direct interaction with design files, components, comments, and team resources...

Classification

community

Est Downloads (All Time)

—

Release Date

Mar 21, 2025

Talk to Figma

Sonny Lazuardi

Enables AI interaction with Figma designs through a WebSocket bridge that allows reading and modifying elements with...

Classification

community

Est Downloads (All Time)

702

Release Date

Mar 21, 2025

Talk to Figma

Sonny Lazuardi

Enables bidirectional communication with Figma designs through a plugin and WebSocket server, allowing creation and...

Classification

community

Est Downloads (All Time)

818k

Release Date

Mar 21, 2025

FigmaMind

João Loker

Transforms Figma designs into structured code components through a customizable pipeline that processes component...

Classification

community

Est Downloads (All Time)

—

Release Date

Mar 21, 2025

Figma Design Processor

Sanjeev

Transforms Figma designs into structured data for React implementation, providing tools to extract component details,...

Classification

community

Est Downloads (All Time)

281

Release Date

Mar 22, 2025

Figma Context

1yhy

Bridges AI systems with Figma design platform, transforming complex API responses into structured design information...

Classification

community

Est Downloads (All Time)

2.1k

Release Date

Mar 23, 2025

Figma to React

StudentOfJS

Transforms Figma designs into React components with TypeScript and Tailwind CSS, providing tools for API integration,...

Classification

community

Est Downloads (All Time)

8.7k

Release Date

Mar 23, 2025

Claude Figma

Tony Cueva

Bridges Figma's design platform with natural language capabilities, enabling wireframe and prototype creation through...

Classification

community

Est Downloads (All Time)

—

Release Date

Mar 24, 2025

Figma Chunked

Archimedes Crypto

Provides a memory-efficient interface to the Figma API that handles large files by breaking operations into...

Classification

community

Est Downloads (All Time)

562

Release Date

Feb 14, 2025

Figma

gamelifezhao

Enables direct interaction with Figma design files for querying assets, retrieving information, and manipulating...

Classification

community

Est Downloads (All Time)

—

Release Date

Mar 5, 2025

Figma Design System

Mohammed Uvaiz

Bridges Figma's design ecosystem by extracting design system components, styles, and UI copy, enabling advanced...

Classification

community

Est Downloads (All Time)

281

Release Date

Mar 17, 2025

Figma

Graham Lipsman

Provides a bridge to the Figma design platform, enabling retrieval of detailed design file information, node...

Classification

community

Est Downloads (All Time)

—

Release Date

Mar 17, 2025

Figma

Si Chang

Bridges AI systems with Figma's design platform, enabling file operations, node manipulation, comment management, and...

Classification

community

Est Downloads (All Time)

421

Release Date

Apr 14, 2025

Figma (Import Designs)

divriots

Generate designs with AI, or import them, and send them to Figma.

Classification

community

Est Downloads (All Time)

—

Release Date

Apr 19, 2025

Frame0 Diagramming

Niklaus Lee

Provides a bridge to the Frame0 diagramming application for creating and manipulating visual elements like shapes,...

Classification

community

Est Downloads (All Time)

5.5k

Release Date

Apr 23, 2025

Zapcode (Figma-VS Code Bridge)

Zapcode

Bridges Figma designs with coding assistants in VS Code, enabling direct access to visual design context for accurate...

Classification

official

Est Downloads (All Time)

843

Release Date

Apr 12, 2025

Figma

Konstantin Doronin

Enables AI to interact with Figma design files through WebSocket communication, providing tools for document...

Classification

community

Est Downloads (All Time)

2.4k

Release Date

May 25, 2025

Feuse (Figma Design-to-Code)

Panzer-Jack

Automates Figma design-to-code workflows by extracting design data, downloading SVG assets, analyzing color...

Classification

community

Est Downloads (All Time)

4.6k

Release Date

Jun 1, 2025

Figma Pro

Artem Svitelskyi

Integrates with Figma API to retrieve design files, extract design tokens and CSS properties, process designer...

Classification

community

Est Downloads (All Time)

17.8k

Release Date

Jun 7, 2025

Figma Dev Mode

Figma

Integrates with Figma's desktop app to extract design information, variables, and component data from selected frames...

Classification

official

Est Visitors (All Time)

12.3k

Release Date

Jun 4, 2025

Figma

toddle-edu

Integrates with Figma's design platform to enable automated design workflows including file retrieval, component...

Classification

community

Est Downloads (All Time)

702

Release Date

Jul 2, 2025

Claude Talk to Figma

arinspunk

Enables direct control over Figma designs through WebSocket communication for document inspection, element creation...

Classification

community

Est Downloads (All Time)

7.6k

Release Date

Apr 5, 2025

Superdesign

jonthebeef

Integrates Superdesign's design orchestrator with Claude Code to generate UI designs, wireframes, components, logos,...

Classification

community

Est Downloads (All Time)

Release Date

Jul 9, 2025

Figma Design to Code

toddle-edu

Converts Figma designs into pseudo-code by fetching node images and generating JSX/CSS components with semantic...

Classification

community

Est Downloads (All Time)

553

Release Date

Jul 3, 2025

Vextra Design File Processor

KCai Technology

Provides access to design file data from Vextra, Figma, Sketch, and SVG files through local file processing, enabling...

Classification

community

Est Downloads (All Time)

—

Release Date

Jul 17, 2025

Figma

VincentHanxiaoDu

Integrates with Figma's REST API using MongoDB-backed caching and Azure OpenAI embeddings to enable hybrid search...

Classification

community

Est Downloads (All Time)

140

Release Date

Aug 2, 2025

Figma Pro

Artem Svitelskyi

Integrates with Figma's API to extract design data, download assets, and process designer comments for generating...

Classification

community

Est Downloads (All Time)

—

Release Date

Aug 20, 2025

Sketch Context

Joshua Miller

Bridges Sketch design files with development workflows through dual-component architecture, enabling file parsing,...

Classification

community

Est Downloads (All Time)

313

Release Date

Aug 20, 2025

Figma to Flutter

mhmzdev

Converts Figma designs into Flutter widget code by extracting design elements, analyzing component structures, and...

Classification

community

Est Downloads (All Time)

22.9k

Release Date

Aug 21, 2025

Figma

Echoxiawan

Integrates with Figma's design API to extract images, styles, SVG data, and design elements from Figma files for...

Classification

community

Est Downloads (All Time)

151

Release Date

Sep 3, 2025