Access design files, components, styles and collaboration data stored in Figma. Support design review, developer handoff and workflow automation around product design.
Visual Studio Code runs MCP servers for Copilot Chat in agent mode, so the model can use external tools while it works on your code.
This guide connects Figma to VS Code through MewCP, so VS Code can use Figma's 15 tools, like health_check, get_me and get_file, without your Figma credentials ever reaching the app.
Figma signs in through managed OAuth. MewCP stores the token encrypted, refreshes it before it expires and injects it only at call time. Your agent never holds it, so it can never leak it.
More apps
Turn your AI agent into a creative studio The world's best image, video, audio and 3D models, inside the AI assistant you already use.
Give AI coding agents access to a curated library of real-world website designs, screenshots, design systems, and reusable UI components. Search visual references, find similar designs, analyze layouts, extract colors and typography, compare websites, and retrieve copy-ready JSX components for building better interfaces
Mobbin MCP Server gives AI agents access to Mobbin’s library of real-world UI design references, letting them search app screens, user flows, and website sections such as onboarding, checkout, pricing pages, and footers for design inspiration and research.
Enable AI assistants to create, validate, and render Mermaid diagrams seamlessly, plus full integration with your Mermaid Chart account for advanced diagram management.
Other clients
Figma works the same way in every client below. Pick yours for its own guide.
Free to start.
Scope access to the exact Figma tools and accounts you allow, work and personal side by side. Anything outside that scope is refused at call time, even when the model asks for it.
Each call is logged: what ran, on which account, and whether it worked. Failures come back structured, so the agent knows whether to retry instead of guessing.
Every app sits behind one secure MCP URL, and there is no server for you to deploy or keep running. Add an integration in the dashboard and it is live on the next call, with no config to change and no new credentials to wire up. Tools load only when a task needs them, so your agent stays fast and focused however many apps you connect.
A browser window opens the first time the client connects. Sign in and approve access. No API key needed.
Start a new chat and ask: "List the tools you can use from MewCP." You should see your connected apps.
Check server readiness and basic connectivity.
Return the authenticated Figma user's profile information.
Retrieve a Figma file document tree by its file key.
Retrieve specific nodes from a Figma file by their IDs.
List all local components defined in a Figma file.
List all local styles (colors, text, effects, grids) defined in a Figma file.
Retrieve the version history of a Figma file.
Export one or more nodes from a Figma file as rendered image URLs.
Retrieve download URLs for all images embedded in a Figma file as fills.
List all comments on a Figma file.
Post a new comment on a Figma file.
List all projects belonging to a Figma team.
List all files within a Figma project.
List all published components in a Figma team library.
Retrieve metadata for a specific published Figma component by its key.
