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.52,1604Why this server?
Facilitates the analysis of Figma file structures by extracting node hierarchies, accessible via REST API or MCP protocol.
AlicenseBqualityDmaintenanceFacilitates the analysis of Figma file structures by extracting node hierarchies, accessible via REST API or MCP protocol.11,7012MITWhy this server?
Enables Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.
AlicenseBqualityDmaintenanceAllows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.388941MITWhy this server?
A server that enables users to view, create, and prototype application designs in Figma and more.
AlicenseNot gradedqualityDmaintenanceA server that enables Cursor AI to generate code from Figma components by connecting to Figma's MCP Dev Server.MITWhy 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.423Why this server?
Allows your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements.
AlicenseAqualityDmaintenanceAllow 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 flows5367MITWhy 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.
FlicenseBqualityDmaintenanceA 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.52,1602Why this server?
Allows AI agents to edit Photoshop files which could involve assets and screenshots from figma.
AlicenseNot gradedqualityDmaintenanceA 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.10MITWhy this server?
This would allow you to store designs or related documentation in Notion
AlicenseNot gradedqualityDmaintenanceA Model Context Protocol server that provides a standardized interface for AI models to access, query, and modify content in Notion workspaces.9914MIT