Figma
Read Figma files, frames, and components — for design-to-code workflows.
Install
Add this command to your MCP client config to connect Figma.
npx -y figma-developer-mcpAbout Figma
The Figma MCP server pulls structured data out of Figma files: pages, frames, components, styles, and (with the right setup) generated code snippets.
The point is design-to-code: paste a Figma URL into chat and ask the assistant to scaffold a React component matching the frame. It pulls the layout, type styles, and color tokens, and emits code that actually compiles against your design system.
Auth uses a Figma personal access token. Read-only, by design.
Tags
Related servers
Other MCP servers in Design and beyond.
EverArt
EverArt
Generate images from text via the EverArt models API.
Blender
ahujasid (community)
Control Blender 3D from your AI assistant via MCP.
Framer
Framer
Read Framer designs and prototypes through MCP.
Unsora
Shipped-Studio
Creative toolkit for agents: AI video, clipping, thumbnails and scheduled posts via one MCP URL.
ScreensDesign MCP
screensdesign-com
Real mobile app screens, flows, paywalls and App Store reviews for AI-assisted product research.
Vidmoat
fredabila
Hosted AI video editor: agents import footage, edit the timeline and render MP4s over MCP.