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.
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?
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 updated18102MITWhy this server?
Enables Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.
AlicenseBqualityCmaintenanceAllows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.Last updated381,2661MITWhy this server?
A server that enables users to view, create, and prototype application designs in Figma and more.
Alicense-qualityCmaintenanceA server that enables Cursor AI to generate code from Figma components by connecting to Figma's MCP Dev Server.Last updatedWhy this server?
Enables capturing screenshots of web pages and local HTML files. Could be used in conjunction with figma to generate prototypes.
FlicenseAqualityCmaintenanceEnables browser automation using Python scripts, offering operations like taking webpage screenshots, retrieving HTML content, and executing JavaScript.Last updated422Why 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 updated52,1612Why this server?
Allows AI agents to edit Photoshop files which could involve assets and screenshots from figma.
Alicense-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 updated9MITWhy this server?
This would allow you to store designs or related documentation in Notion
Alicense-qualityCmaintenanceA Model Context Protocol server that provides a standardized interface for AI models to access, query, and modify content in Notion workspaces.Last updated3,9724MIT