Uploaded June 2026 | Updated September 2026, 3 weeks ago
For the first time, the gap between the effect you imagine and the effect you can create in Figma is disappearing. Learn how shader fills and effects work, how to build them with the design agent, and how to create dynamic, editable surfaces that work with motion and variables. You'll also learn how to export the underlying shader code for use beyond Figma.
____________________________________________________
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
For the first time, the gap between the effect you imagine and the effect you can create in Figma is disappearing. Learn how shader fills and effects work, how to build them with the design agent, and how to create dynamic, editable surfaces that work with motion and variables. You'll also learn how to export the underlying shader code for use beyond Figma.
____________________________________________________
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/")
