Figma MCP Server
Enables seamless integration of Figma design files with AI coding tools by converting design data into a Model Context Protocol (MCP) format that captures layout, styles, images, and components to enhance AI-generated code accuracy and relevance.
Supercharge Your AI with Figma MCP Server
Unlock the full potential of Figma MCP Server through LangDB's AI Gateway. Get enterprise-grade security, analytics, and seamless integration with zero configuration.
Free tier available • No credit card required
Run server in command mode instead of HTTP/SSE mode
Port the server runs on
3333Your Figma API access token
Security Notice
Your environment variables and credentials are securely stored and encrypted. LangDB never shares these configuration values with third parties.
Model Context Protocol server bridging Figma designs and React by converting design files into React-ready components with pixel-perfect style, layout, and asset processing using TypeScript for type safety.
Added May 30, 2025
Enables AI coding tools to access and interpret Figma design data via Model Context Protocol, providing streamlined layout and styling context for accurate and efficient design implementation.
Added May 30, 2025
Enables AI assistants to interact with Figma files via Model Context Protocol, offering tools to add files, view nodes, read and post comments, and manage design collaboration seamlessly.
5 toolsAdded May 30, 2025
Enables AI-powered design automation in Figma by processing natural language prompts through the Model Context Protocol to create, modify, and layout design elements via seamless server-plugin communication.
5 toolsAdded May 29, 2025Enables seamless file uploads to Alibaba Cloud OSS via Model Context Protocol, supporting multiple OSS accounts, configurable upload directories, and integration with tools like Playwright, Figma, and Filesystem for efficient cloud storage workflows.
Added May 29, 2025