Tools and methods for converting Figma designs into code

Glama

Search for:

Tools and methods for converting Figma designs into code

View all MCP Servers

Why this server?
Allows AI coding agents to access Figma files & prototypes directly. Provides access to figma pages, components and prototype flows.
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
Why this server?
A comprehensive toolkit that includes Figma integration as well as other capabilities like file management and audio processing.
MCP Toolbox
ai-zerolab
-
security
A
license
-
quality
A comprehensive toolkit that enhances LLM capabilities through the Model Context Protocol, allowing LLMs to interact with external services including command-line operations, file management, Figma integration, and audio processing.
Last updated -
17
Python
Apache 2.0
Why this server?
Facilitates analysis of Figma file structures by extracting node hierarchies, accessible via REST API or MCP protocol.
Figma MCP Server
moonray
A
security
A
license
A
quality
Facilitates the analysis of Figma file structures by extracting node hierarchies, accessible via REST API or MCP protocol.
Last updated -
1
2
TypeScript
MIT License
Why this server?
Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
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
Why this server?
While not directly Figma related, it helps in understanding project structure which can be helpful when converting a design to code.
MCP Source Tree Server
owayo
A
security
A
license
A
quality
Generates a JSON file tree from a specified directory's 'src' folder, adhering to '.gitignore' rules, allowing for quick project structure review in Claude.
Last updated -
1
Python
MIT License
Why this server?
This server analyzes source code, which is helpful when trying to understand existing codebases when converting designs.
Code Explainer MCP
BillDuke13
-
security
A
license
-
quality
A Cloudflare Worker that analyzes source code to provide comprehensive explanations including architecture diagrams, core functionality analysis, and component breakdowns across multiple programming languages.
Last updated -
2
TypeScript
Apache 2.0
Why this server?
Provides access to documentation and best practices, helpful when generating code from a design.
mcp-codex-keeper
aindreyway
-
security
A
license
-
quality
Serves as a guardian of development knowledge, providing AI assistants with curated access to latest documentation and best practices.
Last updated -
4
87
52
TypeScript
MIT License
Why this server?
A framework with web content retrieval and document parsing, useful for gathering design information for conversion.
MCP Development Framework
aigo666
A
security
A
license
A
quality
A powerful Model Context Protocol framework that extends Cursor IDE with tools for web content retrieval, PDF processing, and Word document parsing.
Last updated -
8
9
Python
MIT License
Why this server?
Fetches documentation from various programming language ecosystems for use by LLMs.
DocsFetcher MCP Server
cdugo
A
security
A
license
A
quality
Fetches and extracts comprehensive package documentation from multiple programming language ecosystems (JavaScript, Python, Java, etc.) for LLMs like Claude without requiring API keys.
Last updated -
4
5
10
JavaScript
MIT License
Why this server?
While it focuses on APIs, understanding the API endpoints the design interacts with is valuable for code generation.
Postman Tool Generation MCP Server
giovannicocco
A
security
A
license
A
quality
An MCP server that generates AI agent tools from Postman collections and requests. This server integrates with the Postman API to convert API endpoints into type-safe code that can be used with various AI frameworks.
Last updated -
1
7
JavaScript
MIT License