Loading video...

Video Failed to Load

Go Home

The Official Figma MCP Server -- SETUP & TUTORIAL 👇 *THIS* is what we've wanted for YEARS

designcoursecom's profile picture

Gary Simon

49,557 subscribers

87,379 views • 1 year ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Kevin ⨀'s profile picture
Kevin ⨀1 year ago

@figma I feel like I missed a step somewhere. How'd you get the URL for Figma?

Gary Simon's profile picture
Gary Simon1 year ago

@figma

Eddy Meme's profile picture
Eddy Meme1 year ago

Looking forward to connecting with you! #eddymeme #CryptoNews #TopNews

Narendra Naik's profile picture
Narendra Naik1 year ago

@figma WOW 🔥 You make it easy for us. I learnt a large chunk of Rive and its techniques through your tutorials now I will explore this. Thanks Gary❤️

Iaci's profile picture
Iaci1 year ago

@figma thanks for covering this!! i had a hot take under the official @figma x post yesterday about mixing this with usability test results 👇 change my mind?

mr.tipton's profile picture
mr.tipton1 year ago

@figma I feel like this is a pretty big deal! Can’t wait to give it a shot

Mohammad Sharifi 🦅's profile picture
Mohammad Sharifi 🦅1 year ago

@figma Thanks for your tutorial, Gary! The design world gonna change very soon!

sanjo's profile picture
sanjo1 year ago

@figma @denaegteemil

AI Generalist 🌍🔧 💡's profile picture
AI Generalist 🌍🔧 💡1 year ago

@figma I have added to r/MCPservers ,i think community there will love it..

Hai The Dude's profile picture
Hai The Dude1 year ago

@figma @RealEarle

Hai The Dude's profile picture
Hai The Dude1 year ago

@figma @LeosReal

Related Videos

Responsive Web Design via the Figma MCP Server. This is how! 👇
21:37

Responsive Web Design via the Figma MCP Server. This is how! 👇

Gary Simon

108,044 views • 1 year ago

A quick tutorial on using the Figma MCP server with Windsurf!
3:03

A quick tutorial on using the Figma MCP server with Windsurf!

Windsurf is now Devin Desktop

113,296 views • 1 year ago

New drop: The official Figma MCP server now supports Google for Developers Gemini CLI and OpenAI Codex, Atlassian coming soon
3:39

New drop: The official Figma MCP server now supports Google for Developers Gemini CLI and OpenAI Codex, Atlassian coming soon

Figma

36,846 views • 10 months ago

Introducing Codex to Figma: Roundtrip between code and canvas through the Figma MCP server
0:36

Introducing Codex to Figma: Roundtrip between code and canvas through the Figma MCP server

Figma

179,966 views • 5 months ago

The Dev Mode MCP server is now easier to connect in Claude Desktop
0:22

The Dev Mode MCP server is now easier to connect in Claude Desktop

Figma

140,203 views • 1 year ago

Figma → Figsor MCP → Cursor This is superpower for designers. Meow Meow.
1:05

Figma → Figsor MCP → Cursor This is superpower for designers. Meow Meow.

AK

39,349 views • 5 months ago

Cursor is able to build out Figma designs with 80% accuracy with the Figma MCP server. I wonder where we get to in the next few months
2:24

Cursor is able to build out Figma designs with 80% accuracy with the Figma MCP server. I wonder where we get to in the next few months

Design Chief Priest

492,247 views • 1 year ago

A Mini Crash-Course on MCP! Yesterday, I published a guide that covers: - What MCP is - How to build your own MCP server - How to create a 100% local MCP client - Using this to control & automate any browser Step-by-step guide...👇
0:25

A Mini Crash-Course on MCP! Yesterday, I published a guide that covers: - What MCP is - How to build your own MCP server - How to create a 100% local MCP client - Using this to control & automate any browser Step-by-step guide...👇

Akshay 🚀

66,623 views • 11 months ago

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.
0:30

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.

Claude

4,318,060 views • 5 months ago

Building with LLMs on BNB Chain just got easier. This tutorial walks through MCP setup and shows how to connect LLMs, such as Claude/@openai, to onchain agents and workflows. Watch the tutorial by our DevRel, gwen.eth 👇
10:55

Building with LLMs on BNB Chain just got easier. This tutorial walks through MCP setup and shows how to connect LLMs, such as Claude/@openai, to onchain agents and workflows. Watch the tutorial by our DevRel, gwen.eth 👇

BNB Chain Developers

27,076 views • 4 months ago

This is the moment we've wanted. This is the moment we've dreamed for. This is it. #GoBlue
0:32

This is the moment we've wanted. This is the moment we've dreamed for. This is it. #GoBlue

Michigan Football

215,359 views • 2 years ago

This is how a top designer uses Figma MCP + Cursor Every designer should copy this workflow to get 90% of the design prototype ready super quick 👀 Watch the full interview on Sneak Peek: Jeff JB shows how the Webflow design team uses Figma MCP + Cursor 👇
1:31

This is how a top designer uses Figma MCP + Cursor Every designer should copy this workflow to get 90% of the design prototype ready super quick 👀 Watch the full interview on Sneak Peek: Jeff JB shows how the Webflow design team uses Figma MCP + Cursor 👇

Jayneil Dalal

42,082 views • 9 months ago

Enjoy our new Figma tutorial! For the first time, it is also published on our Figma community profile.
32:55

Enjoy our new Figma tutorial! For the first time, it is also published on our Figma community profile.

Alex Barashkov

90,462 views • 2 years ago

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.
0:25

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Figma

96,259 views • 1 month ago

OAuth support for MCP has landed in Warp. We’re thrilled to team up with Figma on their remote MCP server launch, bringing design and coding workflows closer together.
2:35

OAuth support for MCP has landed in Warp. We’re thrilled to team up with Figma on their remote MCP server launch, bringing design and coding workflows closer together.

Warp

31,100 views • 10 months ago

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇
0:32

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇

Min Choi

49,268 views • 4 months ago

Watch this magic! Pasted a Figma design link into Claude. Asked for 3 new variations from QuiverAI. Got 3 fully editable vectors back in Figma 😱 Never left Claude once. I used the new Quiver MCP + Figma MCP.
1:01

Watch this magic! Pasted a Figma design link into Claude. Asked for 3 new variations from QuiverAI. Got 3 fully editable vectors back in Figma 😱 Never left Claude once. I used the new Quiver MCP + Figma MCP.

DANN©

68,849 views • 2 months ago

Say goodbye to leaving Figma just to use AI. Today, we're bringing powerful AI agents directly into your Figma canvas. No terminal. No MCP configs. No developer setup. Anima Agent is a chat inside Figma. Describe what you want → it builds on the canvas, using your actual design system. Install the plugin. Start designing. That's it.
0:29

Say goodbye to leaving Figma just to use AI. Today, we're bringing powerful AI agents directly into your Figma canvas. No terminal. No MCP configs. No developer setup. Anima Agent is a chat inside Figma. Describe what you want → it builds on the canvas, using your actual design system. Install the plugin. Start designing. That's it.

Anima

13,035,586 views • 4 months ago

The Next Generation of Payments Is Here! Today, Razorpay becomes India’s first payment gateway with an Official MCP (Model Context Protocol) Server, designed for an AI-first world. Here is how it works 👇
0:37

The Next Generation of Payments Is Here! Today, Razorpay becomes India’s first payment gateway with an Official MCP (Model Context Protocol) Server, designed for an AI-first world. Here is how it works 👇

Razorpay

158,182 views • 1 year ago