Uploaded April 2026 | Updated September 2026, 3 weeks ago

---

Check out the Figma MCP Collection to learn more: 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: instagram.com/figma
LinkedIn: linkedin.com/company/figma
TikTok: tiktok.com/@figma
Figma forum: forum.figma.com