Why this server?
Enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands, which is relevant for converting Figma files to code.
AlicenseBqualityDmaintenanceAn MCP server integration that enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands.Last updated191,2666,718MITWhy this server?
This tool retrieves, optimizes, and converts design data from Figma files into structured CSS and design tokens, useful for generating code from Figma designs.
Flicense-qualityCmaintenanceA tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.Last updated1Why this server?
Enables seamless integration with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
Alicense-qualityCmaintenanceEnables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.Last updated832148MITWhy this server?
A TypeScript server that enables AI-powered design creation in Figma using natural language prompts through Cursor Agent, relevant for converting design concepts to code.
FlicenseBqualityCmaintenanceA TypeScript server that implements the Model Context Protocol, enabling AI-powered design creation in Figma using natural language prompts through Cursor Agent.Last updated52,1614Why this server?
Although this mentions codebase, it could help retrieve code from Figma. This tool dumps codebase context into LLMs which might help extract the React code from the Figma designs.
AlicenseAqualityCmaintenanceA Model Context Protocol (MCP) server designed to easily dump your codebase context into Large Language Models (LLMs).Last updated1123Apache 2.0Why this server?
Converts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.
Alicense-qualityCmaintenanceConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.Last updated73MIT