正在加载视频...

视频加载失败

返回首页

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 次观看 • 1 年前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Visual Studio Code 的头像
Visual Studio Code1 年前

Learn more:

Travala.com 🏨 ✈️ 的头像
Travala.com 🏨 ✈️4 年前

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

Stephen Santiago 的头像
Stephen Santiago1 年前

@figma Definitely looking forward to playing around with this.

Vishal 的头像
Vishal1 年前

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

BigSeggsy 的头像
BigSeggsy1 年前

@figma @Scott_GFX

Juan Manuel Sobral 的头像
Juan Manuel Sobral1 年前

@figma awesome!

AI.EX 的头像
AI.EX1 年前

@figma Wild

Hootan HT 的头像
Hootan HT1 年前

@figma FYI @Merkousha @AmirNapster @mehrandvd @KuomarsRahimi

ੈ✩‧₊˚ 선미 MARTU 🇦🇷 ✋🏻⚡ ੈ✩‧₊˚ 的头像
ੈ✩‧₊˚ 선미 MARTU 🇦🇷 ✋🏻⚡ ੈ✩‧₊˚1 年前

@figma mira vos que jijo de buta

Sepush 的头像
Sepush1 年前

@figma @_justineo

PENIEL 的头像
PENIEL1 年前

@figma 😍ily, say it back

相关视频

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 次观看 • 1 年前

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 次观看 • 2 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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

Introducing Auto Mode in Visual Studio Code...

Burke Holland

23,349 次观看 • 8 个月前

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 次观看 • 1 年前

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 次观看 • 6 个月前

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,858 次观看 • 10 个月前

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 次观看 • 7 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 3 个月前

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 次观看 • 10 个月前

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

113,001 次观看 • 3 个月前

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 次观看 • 1 年前

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,305,690 次观看 • 3 个月前

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

540,136 次观看 • 11 个月前

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 次观看 • 7 个月前

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,380 次观看 • 13 天前