Search for:
How to use Figma
Why this server?
This TypeScript-based MCP server enables AI assistants to design creations in Figma using natural language prompts through Cursor Agent.
FlicenseBqualityDmaintenanceA TypeScript server that implements the Model Context Protocol, enabling AI-powered design creation in Figma using natural language prompts through Cursor Agent.Last updated53,0614Why this server?
Facilitates the analysis of Figma file structures by extracting node hierarchies, accessible via REST API or MCP protocol.
AlicenseBqualityCmaintenanceFacilitates the analysis of Figma file structures by extracting node hierarchies, accessible via REST API or MCP protocol.Last updated17002MITWhy this server?
Enables Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.
FlicenseBqualityCmaintenanceAllows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.Last updated383,3491Why this server?
A server that enables users to view, create, and prototype application designs in Figma and more.
Alicense-qualityDmaintenanceA server that enables Cursor AI to generate code from Figma components by connecting to Figma's MCP Dev Server.Last updatedMITWhy this server?
Enables capturing screenshots of web pages and local HTML files. Could be used in conjunction with figma to generate prototypes.
FlicenseAqualityDmaintenanceEnables browser automation using Python scripts, offering operations like taking webpage screenshots, retrieving HTML content, and executing JavaScript.Last updated423Why this server?
Allows your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements.
Alicense-qualityCmaintenanceAllow 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 flowsLast updated66MITWhy this server?
Converts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.
FlicenseBqualityCmaintenanceA bridge between Figma designs and React implementations that enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data into React-friendly format.Last updated53,0612Why this server?
Allows AI agents to edit Photoshop files which could involve assets and screenshots from figma.
Flicense-qualityCmaintenanceA server that allows AI tools like Claude and Cursor to automate and control Photoshop through natural language commands, enabling tasks like editing PSDs, toggling layers, and generating marketing creatives.Last updated9Why this server?
This would allow you to store designs or related documentation in Notion
Alicense-qualityDmaintenanceA Model Context Protocol server that provides a standardized interface for AI models to access, query, and modify content in Notion workspaces.Last updated1,7594MIT