Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

code's profile picture

Visual Studio Code

802,132 subscribers

177,775 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Visual Studio Code
Visual Studio Codevor 1 Jahr

Learn more:

Profilbild von Travala.com 🏨 ✈️
Travala.com 🏨 ✈️vor 4 Jahren

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

Profilbild von Stephen Santiago
Stephen Santiagovor 1 Jahr

@figma Definitely looking forward to playing around with this.

Profilbild von Vishal
Vishalvor 1 Jahr

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

Profilbild von BigSeggsy
BigSeggsyvor 1 Jahr

@figma @Scott_GFX

Profilbild von Juan Manuel Sobral
Juan Manuel Sobralvor 1 Jahr

@figma awesome!

Profilbild von AI.EX
AI.EXvor 1 Jahr

@figma Wild

Profilbild von Hootan HT
Hootan HTvor 1 Jahr

@figma FYI @Merkousha @AmirNapster @mehrandvd @KuomarsRahimi

Profilbild von ੈ✩‧₊˚ 선미 MARTU 🇦🇷 ✋🏻⚡ ੈ✩‧₊˚
ੈ✩‧₊˚ 선미 MARTU 🇦🇷 ✋🏻⚡ ੈ✩‧₊˚vor 1 Jahr

@figma mira vos que jijo de buta

Profilbild von Sepush
Sepushvor 1 Jahr

@figma @_justineo

Profilbild von PENIEL
PENIELvor 1 Jahr

@figma 😍ily, say it back

Ähnliche 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
0:29

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 Aufrufe • vor 1 Jahr

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 👇
1:01

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 Aufrufe • vor 2 Monaten

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

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

Visual Studio Code

103,484 Aufrufe • vor 1 Jahr

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?
2:10

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 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 1 Jahr

Introducing Auto Mode in Visual Studio Code...
0:56

Introducing Auto Mode in Visual Studio Code...

Burke Holland

23,349 Aufrufe • vor 8 Monaten

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

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 Aufrufe • vor 1 Jahr

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
2:44

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 Aufrufe • vor 5 Monaten

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

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

Figma

98,694 Aufrufe • vor 10 Monaten

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!
0:25

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 Aufrufe • vor 7 Monaten

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. 🧵👇
0:58

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 Aufrufe • vor 1 Jahr

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 👉
1:29

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 Aufrufe • vor 1 Jahr

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.
1:40

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 Aufrufe • vor 3 Monaten

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

139,938 Aufrufe • vor 10 Monaten

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. 👇
1:40

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

112,985 Aufrufe • vor 2 Monaten

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
0:21

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 Aufrufe • vor 1 Jahr

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,304,990 Aufrufe • vor 3 Monaten

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

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

Anthropic

539,273 Aufrufe • vor 11 Monaten

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!
0:32

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 Aufrufe • vor 7 Monaten

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 ⚡
0:42

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,288 Aufrufe • vor 8 Tagen