DiscoverArticles

Explore

Agent Resources
All Agent ResourcesMCP ServersSkills
Tools
All ToolsDesignAI ToolsCodingNo-CodeContent CreationMarketing & Social MediaE-CommerceBusiness & FinanceProductivityLearning & ResourcesSecurity
Curations
All CurationsOGImagesMotion LibraryLaunch Videos
Submit tool

Toolfolio is a tool discovery platform. All the tools & resources you need, in one place.

Categories

  • Design
  • AI Tools
  • Coding
  • No-Code
  • Productivity

 

  • Business & Finance
  • Marketing & Social Media
  • Content Creation
  • E-Commerce
  • Security
  • Learning & Resources
  • Agent Resources

Libraries

  • YC Companies
  • Framer
  • Figma
  • Apple
  • Shopify
  • Notion
  • Webflow
  • Chrome

Connect

  • Feedback
  • Bug Report
  • Get in touch

© 2026 Toolfolio

Listing Guidelines·Privacy Policy·Terms & Conditions·
MCP Servers
Home/MCP Servers/Figma MCP

Figma MCP

By Figma · Official MCP server

What it does

37 documented toolsLast verified
Oct 23, 2026

Connect your agent to Figma so it can use your designs as context while building interfaces. It can read layouts and components with get_design_context and capture visual references with get_screenshot. Share a file or selection to help your agent understand the design and translate it into an implementation that matches it.

Connection
Remote
Authentication
OAuth
Works with

Connect your agent

Terminal

claude mcp add --transport http 'figma-mcp' 'https://mcp.figma.com/mcp'

Run this command, then open /mcp in Claude Code to finish connecting your account.

Add the server URL to your client as a remote HTTP MCP server, then sign in to Figma and authorize access. Open the setup documentation for client-specific steps and account requirements.

Tool catalogue 37

From official documentation

Figma documents tools across its remote and desktop servers. Some operations require specific products, plans, or permissions.

get_design_context

Get design context

get_metadata

Get metadata

get_screenshot

Get screenshot

download_assets

Download assets

get_variable_defs

Get variable defs

get_motion_context

Get motion context

Copy setup instructions to paste into your coding agent.

Figma

Collaborative interface design tool.

Visit author website
Publisher
Figma
Category
Design
Works with

Featured tools

Last verified
Oct 23, 2026
Documentation
View
Original source
View

Recommended MCP Servers

View all

3DAI Studio MCP

By 3DAI Studio · Official

3D AI Studio is an MCP server for 3D model generation. Connect Claude, ChatGPT or Cursor and generate textured 3D models and images just by chatting.

RemoteSee documentation

60fps Design MCP

By 60fps Design · Official

Find real iOS interaction references and motion breakdowns from your coding agent.

RemoteSee documentation

A1 Gallery MCP

By A1 Gallery · Official

Search curated website and interface references from your agent while designing or building a page.

RemoteSee documentation

Anima MCP

By Anima · Official

Turn design context into interface code with Anima tools available directly in your coding agent.

RemoteOAuthBearer token

Recommended Skills

View all

21st.dev UI Build

By 21st.dev · Official

Help your agent build interface components using 21st.dev workflows.

Skill · Design

21st.dev UI Explore

By 21st.dev · Official

Help your agent explore interface ideas and references with 21st.dev.

Skill · Design

21st.dev UI Review

By 21st.dev · Official

Give your agent a reusable workflow for reviewing and improving interface work with 21st.dev.

Skill · Design

Figma Implement Design

By Figma · Official

Guide your coding agent from Figma design context to an implementation that matches the supplied design.

Skill · Design