Uploaded April 2026 | Updated September 2026, 3 weeks ago
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: instagram.com/figma
LinkedIn: linkedin.com/company/figma
TikTok: tiktok.com/@figma
Figma forum: forum.figma.com
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: instagram.com/figma
LinkedIn: linkedin.com/company/figma
TikTok: tiktok.com/@figma
Figma forum: forum.figma.com
![Figma tutorial: How to set up Figma remote MCP server [April 2026]](https://i.ytimg.com/vi/yigVkI6LM-M/mqdefault.jpg "Figma tutorial: How to set up Figma remote MCP server [April 2026]
Check out the Figma MCP Collection to learn more: https://help.figma.com/hc/en-us/sections/35280374295831-Figma-MCP-collection
Figma MCP server allows you to bring the context of your Figma files into your agentic development tools, improving your workflows and building products faster.
In this video, we’ll walk you through how to set up the Figma remote MCP server. Then, we’ll show you how to use the MCP server to pass context from your Figma Design files.
#MCP #server #tutorial #figma #devmode #cursor #claude #claudecode #codex #vscode
00:00 Intro
00:36 Set up in Claude Code
01:54 Set up in Cursor
02:40 Set up in Codex
03:08 Set up in VS Code
03:54 Using the Figma MCP server
04:55 Outro
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/")
