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.

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

802,132 subscribers

177,775 views • 1 year ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

11 Comments

Visual Studio Code1 year ago

Learn more:

Travala.com 🏨 ✈️4 years ago

This one's for the Crypto Whales ⬇️ NEW exclusive & luxurious experiences have been added to Apply today & #TravelUnlikeAnyOther with your favorite cryptocurrency.

Stephen Santiago1 year ago

@figma Definitely looking forward to playing around with this.

Vishal1 year ago

@figma This bridges the gap between design and development—makes the handoff faster and more accurate.

BigSeggsy1 year ago

@figma @Scott_GFX

Juan Manuel Sobral1 year ago

@figma awesome!

AI.EX1 year ago

@figma Wild

Hootan HT1 year ago

@figma FYI @Merkousha @AmirNapster @mehrandvd @KuomarsRahimi

ੈ✩‧₊˚ 선미 MARTU 🇦🇷 ✋🏻⚡ ੈ✩‧₊˚1 year ago

@figma mira vos que jijo de buta

Sepush1 year ago

@figma @_justineo

PENIEL1 year ago

@figma 😍ily, say it back

Related Videos

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

252,707 views • 1 year ago

With @Figma's MCP server, you can now make changes directly to your files using GitHub Copilot CLI or Visual Studio Code. ✨ Try it out 👇

With @Figma's MCP server, you can now make changes directly to your files using GitHub Copilot CLI or Visual Studio Code. ✨ Try it out 👇

GitHub

140,644 views • 2 months 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,484 views • 1 year ago

MCP broke my brain a little because it rethinks the entire workflow. Debug, diagnose and file the issue with Playwright and GitHub MCP. All from agent mode in Visual Studio Code. What are you using MCP for beyond code?

MCP broke my brain a little because it rethinks the entire workflow. Debug, diagnose and file the issue with Playwright and GitHub MCP. All from agent mode in Visual Studio Code. What are you using MCP for beyond code?

Burke Holland

34,733 views • 1 year ago

Announcing Visual Copilot 2.0 Turn Figma designs into interactive applications using your code, components, and data with natural language

Announcing Visual Copilot 2.0 Turn Figma designs into interactive applications using your code, components, and data with natural language

Steve (Builder.io)

32,968 views • 1 year ago

Introducing Auto Mode in Visual Studio Code...

Introducing Auto Mode in Visual Studio Code...

Burke Holland

23,349 views • 8 months ago

The power of agent mode in Visual Studio Code is in the diversity of tools available to help you get the job done 🛠️

The power of agent mode in Visual Studio Code is in the diversity of tools available to help you get the job done 🛠️

Visual Studio Code

31,161 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,214 views • 6 months ago

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

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

Figma

98,858 views • 10 months ago

In Visual Studio Code, Plan is now built-in. Plan analyzes tasks, breaks them down into steps, and generates implementation plans before starting development. Available in VS Code Insiders, coming to Stable soon!

In Visual Studio Code, Plan is now built-in. Plan analyzes tasks, breaks them down into steps, and generates implementation plans before starting development. Available in VS Code Insiders, coming to Stable soon!

Visual Studio Code

70,697 views • 7 months ago

What if AI could turn your Figma designs into fully interactive, data-connected applications? Announcing Visual Copilot 2.0: make Figma designs real, using your actual code, data, and APIs. 🧵👇

What if AI could turn your Figma designs into fully interactive, data-connected applications? Announcing Visual Copilot 2.0: make Figma designs real, using your actual code, data, and APIs. 🧵👇

Builder.io

16,999 views • 1 year ago

Good news for devs working in Visual Studio Code! The MongoDB MCP Server connects your MongoDB data to AI clients, such as GitHub Copilot in VS Code. Now you can ask for collection schemas and data samples, manage users and access, and generate queries all using natural language, right from your editor. Give it a try 👉

Good news for devs working in Visual Studio Code! The MongoDB MCP Server connects your MongoDB data to AI clients, such as GitHub Copilot in VS Code. Now you can ask for collection schemas and data samples, manage users and access, and generate queries all using natural language, right from your editor. Give it a try 👉

MongoDB

19,994 views • 1 year ago

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Mario Rodriguez

105,567 views • 3 months ago

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

139,938 views • 10 months ago

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

GitHub

113,001 views • 3 months ago

Friendly reminder that you can go to any GitHub repo, press the . key, and the entire repo will open in the browser using Visual Studio Code

Friendly reminder that you can go to any GitHub repo, press the . key, and the entire repo will open in the browser using Visual Studio Code

Visual Studio Code

209,336 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.

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,305,690 views • 3 months ago

Claude Code can now connect to remote MCP servers. Pull context from your tools directly into Claude Code with no local setup required.

Claude Code can now connect to remote MCP servers. Pull context from your tools directly into Claude Code with no local setup required.

Anthropic

540,136 views • 11 months ago

OpenAI Codex is now integrated directly in Visual Studio Code through the new Agent Sessions view - and can be powered by your GitHub Copilot subscription. Try it out now with VS Code Insiders and a Copilot Pro+ subscription. Happy coding!

OpenAI Codex is now integrated directly in Visual Studio Code through the new Agent Sessions view - and can be powered by your GitHub Copilot subscription. Try it out now with VS Code Insiders and a Copilot Pro+ subscription. Happy coding!

Visual Studio Code

334,902 views • 7 months ago

Using skills with lots of tool calls or research? In Visual Studio Code, you can now run skills in a dedicated sub agent so your main chat context stays clean and focused ⚡

Using skills with lots of tool calls or research? In Visual Studio Code, you can now run skills in a dedicated sub agent so your main chat context stays clean and focused ⚡

Visual Studio Code

18,380 views • 12 days ago