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,438 subscribers

87,463 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,180 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

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 • 7 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,342 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.

Asif

39,531 views • 7 months ago

this is pure f*cking treasure 30 best MCP servers, mapped across 10 categories for building your agent's toolbox search. code. browser automation. files. databases. memory. agents. productivity. research. finance 01 SEARCH & INTERNET Brave Search MCP Server ▸ Google Maps MCP Server ▸ World Monitor MCP ▸ 02 PROGRAMMING Sentry MCP Server ▸ Context7 MCP ▸ GitHub MCP Server ▸ 03 BROWSER & AUTOMATION Fetch MCP Server ▸ Chrome DevTools MCP ▸ Playwright MCP Server ▸ 04 FILES & DOCUMENTS Filesystem MCP Server ▸ Google Drive server ▸ MCP server for Obsidian ▸ 05 DATABASES PostgreSQL ▸ SQLite MCP Server ▸ MCP Toolbox for Databases ▸ 06 MEMORY & RAG Knowledge Graph Memory Server ▸ Graphiti MCP Server ▸ cognee-mcp ▸ 07 AI AGENTS Taskmaster ▸ BlenderMCP ▸ Talk to Figma MCP ▸ 08 WORK & PRODUCTIVITY Google Workspace MCP Server ▸ Todoist AI MCP Server ▸ Thunderbird MCP ▸ 09 RESEARCH & ANALYTICS Phoenix MCP ▸ Zotero MCP ▸ NotebookLM MCP Server ▸ 10 BUSINESS & FINANCE Finance Toolkit ▸ Financial Datasets MCP Server ▸ Stripe MCP Server ▸ the stack covers the full agent loop: find information ⮕ write and inspect code ⮕ operate the browser ⮕ read files ⮕ query data ⮕ remember context ⮕ delegate work ⮕ run operations ⮕ analyze evidence ⮕ handle payments some reference servers above live in archived repositories, so check maintenance and permissions before production use save this, then select your gpt-6 astra use case ⭣
0:30

this is pure f*cking treasure 30 best MCP servers, mapped across 10 categories for building your agent's toolbox search. code. browser automation. files. databases. memory. agents. productivity. research. finance 01 SEARCH & INTERNET Brave Search MCP Server ▸ Google Maps MCP Server ▸ World Monitor MCP ▸ 02 PROGRAMMING Sentry MCP Server ▸ Context7 MCP ▸ GitHub MCP Server ▸ 03 BROWSER & AUTOMATION Fetch MCP Server ▸ Chrome DevTools MCP ▸ Playwright MCP Server ▸ 04 FILES & DOCUMENTS Filesystem MCP Server ▸ Google Drive server ▸ MCP server for Obsidian ▸ 05 DATABASES PostgreSQL ▸ SQLite MCP Server ▸ MCP Toolbox for Databases ▸ 06 MEMORY & RAG Knowledge Graph Memory Server ▸ Graphiti MCP Server ▸ cognee-mcp ▸ 07 AI AGENTS Taskmaster ▸ BlenderMCP ▸ Talk to Figma MCP ▸ 08 WORK & PRODUCTIVITY Google Workspace MCP Server ▸ Todoist AI MCP Server ▸ Thunderbird MCP ▸ 09 RESEARCH & ANALYTICS Phoenix MCP ▸ Zotero MCP ▸ NotebookLM MCP Server ▸ 10 BUSINESS & FINANCE Finance Toolkit ▸ Financial Datasets MCP Server ▸ Stripe MCP Server ▸ the stack covers the full agent loop: find information ⮕ write and inspect code ⮕ operate the browser ⮕ read files ⮕ query data ⮕ remember context ⮕ delegate work ⮕ run operations ⮕ analyze evidence ⮕ handle payments some reference servers above live in archived repositories, so check maintenance and permissions before production use save this, then select your gpt-6 astra use case ⭣

beamnxw ./

68,430 views • 13 days 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,364 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 🚀

73,992 views • 1 year 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,323,632 views • 7 months 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 • 11 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,408 views • 2 years 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,138 views • 6 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,537 views • 3 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 • 3 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 • 6 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,664 views • 5 months ago

A lot of people asked how to connect Burp Suite MCP with OpenCode after my burpsuite mcp with Claude Code guide. So here you go 👇 1. Fire up Burp → Install the MCP extension → Run the required BMCP setup checks 2. Follow the setup guide → BMCP + Claude Code guide 3. Connect it to OpenCode opencode mcp add → Server name: burp → Server type: remote → Address: 127.0.0.1:9876 And that's it. I tested it by opening example./com through Burp and interacting with it using OpenCode + Burp MCP. If you're already using OpenCode for security work, this is a pretty clean way to bring Burp into the workflow. 🔥
2:08

A lot of people asked how to connect Burp Suite MCP with OpenCode after my burpsuite mcp with Claude Code guide. So here you go 👇 1. Fire up Burp → Install the MCP extension → Run the required BMCP setup checks 2. Follow the setup guide → BMCP + Claude Code guide 3. Connect it to OpenCode opencode mcp add → Server name: burp → Server type: remote → Address: 127.0.0.1:9876 And that's it. I tested it by opening example./com through Burp and interacting with it using OpenCode + Burp MCP. If you're already using OpenCode for security work, this is a pretty clean way to bring Burp into the workflow. 🔥

Abhishek

15,089 views • 1 month ago