Access design files, components, styles and collaboration data stored in Figma. Support design review, developer handoff and workflow automation around product design.
The official MCP SDK for TypeScript lets Node and edge services call MCP servers directly, with an API key for headless auth.
This guide connects Figma to TypeScript through MewCP, so TypeScript 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.
SDK clients sign in with an API key. Create one in your dashboard and replace API_KEY in the code below.
SDK clients run without a browser, so they sign in with your API key. Needs Node 18+ as an ES module (for example npx tsx script.ts).
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.
