Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Dev Mode: → Interactive Inspection (Dev Mode) → Annotations (MCP server) → Local Images (MCP server) → Design system rules (MCP server)

Figma

576,933 subscribers

99,335 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

16 Comments

Abid I.1 year ago

Love this!

NicheGuys1 year ago

Love figma! Hate pricing.. :(

AWM ∞1 year ago

FIG 6m6GYqjDKH4WFg4f93mmoDJxAgHoQoBUZ1yNRc8Ebonk ❤️‍🔥❤️‍🔥❤️‍🔥📈📈📈💯💯💯💯🚀

Nam Dinh1 year ago

That amazing and i love this

Steve Oak1 year ago

love it!!!

Alok1 year ago

wait, damn this is crazy.

Field Pursuit1 year ago

Interactive inspection in dev mode? Sounds like a feature to keep an eye on.

Rolando1 year ago

Will this fix my chronic inability to design as a developer???

Dennis Adriaansen ⚡️1 year ago

Dude, I just can't focus on anything but the insanely beautiful table

Obi1 year ago

Why can’t folks hold tight too much pepper hands broke assez

Emily Grace1 year ago

It performed very well today, and I know you all made a profit! Let's celebrate this moment!

Reony1 year ago

Was that Windsurf you were using? Also, is using Figma Make basically the same thing? Any better or worse than using MCP with an IDE?

Pablo Mayobre1 year ago

Linux support for the app when? MCP is something we as dev use, and many of us use Linux

ikhwanb1 year ago

Great way to keep the context intact

Waqar Iqbal1 year ago

Wow, i like this!

Antwi Gyamfi1 year ago

mood o

Related Videos

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

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

Figma

140,342 views • 1 year ago

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

Figma

253,304 views • 1 year ago

Turn your designs directly into code using Figma's Dev Mode MCP server in Visual Studio Code - now available in open beta!

Turn your designs directly into code using Figma's Dev Mode MCP server in Visual Studio Code - now available in open beta!

Visual Studio Code

177,947 views • 1 year ago

Your dev experience now has full MCP support Use the the Shopify Dev MCP server to set up, code, and validate your app Demo with Darius Gai

Your dev experience now has full MCP support Use the the Shopify Dev MCP server to set up, code, and validate your app Demo with Darius Gai

Shopify Developers

23,238 views • 10 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 ⭣

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 ./

70,644 views • 1 month ago

Build faster with new Polaris patterns, now live on the Shopify Dev MCP server

Build faster with new Polaris patterns, now live on the Shopify Dev MCP server

Shopify Developers

82,465 views • 1 year ago

How to set up Sentry MCP server with Warp 👉Open MCP Server > Add Server 👉Paste in the Sentry MCP JSON 👉Press "Start" and go through authentication process 👉Copy the Sentry link you want to fix 👉Ask Agent Mode to fix the issue

How to set up Sentry MCP server with Warp 👉Open MCP Server > Add Server 👉Paste in the Sentry MCP JSON 👉Press "Start" and go through authentication process 👉Copy the Sentry link you want to fix 👉Ask Agent Mode to fix the issue

Warp

11,779 views • 1 year ago

Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta →

Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta →

Figma

789,942 views • 2 years ago

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

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

Figma

180,417 views • 7 months ago

Anthropic released interactive apps for Claude. Interactive apps can respond with interactive UI Widgets to enable additional usecases. "MCP Apps is a new extension to MCP that lets any MCP server deliver an interactive interface within any supporting AI product"

Anthropic released interactive apps for Claude. Interactive apps can respond with interactive UI Widgets to enable additional usecases. "MCP Apps is a new extension to MCP that lets any MCP server deliver an interactive interface within any supporting AI product"

🚨 AI News | TestingCatalog

52,554 views • 8 months ago

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

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

Gary Simon

108,180 views • 1 year ago

The power of Perplexity right at your fingertips, with Visual Studio Code + the Perplexity MCP server in agent mode ✨

The power of Perplexity right at your fingertips, with Visual Studio Code + the Perplexity MCP server in agent mode ✨

Visual Studio Code

103,752 views • 1 year ago

We just removed the most annoying part of dev: Reading docs manually. Now: Cursor × MCP × Sarvam AI docs = instant answers + faster builds Steps: 1. Go to 2. Click on Install MCP server 3. Open Cursor 4. Install MCP 5. Start building

We just removed the most annoying part of dev: Reading docs manually. Now: Cursor × MCP × Sarvam AI docs = instant answers + faster builds Steps: 1. Go to 2. Click on Install MCP server 3. Open Cursor 4. Install MCP 5. Start building

Vinayak Gavariya

13,336 views • 8 months ago

Build a 100% local, private, and secure MCP client. You can connect it to any MCP server. Step-by-step guide:

Build a 100% local, private, and secure MCP client. You can connect it to any MCP server. Step-by-step guide:

Akshay 🚀

15,560 views • 10 months ago

Give @windsurf a voice using the ElevenLabs MCP server. Paul Asjes walks you through configuring and using our MCP server inside Windsurf.

Give @windsurf a voice using the ElevenLabs MCP server. Paul Asjes walks you through configuring and using our MCP server inside Windsurf.

ElevenLabs Developers

12,647 views • 1 year ago

Tell your agent to use the Expo MCP Server. It will make your dev experience more smooth and your apps will improve.

Tell your agent to use the Expo MCP Server. It will make your dev experience more smooth and your apps will improve.

Expo

21,714 views • 2 months ago

Build your own MCP server on Supabase!

Build your own MCP server on Supabase!

Supabase

28,509 views • 16 days ago

Sneak preview of the Hayabusa MCP server.

Sneak preview of the Hayabusa MCP server.

Yamato Security Tools

13,275 views • 1 year ago

MCP meets Ollama! In this video you'll learn how build a 100% local MCP client that you can connect to any MCP server. 100% open-source code, step-by-step guide:

MCP meets Ollama! In this video you'll learn how build a 100% local MCP client that you can connect to any MCP server. 100% open-source code, step-by-step guide:

Akshay 🚀

92,848 views • 1 year ago