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.

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

Steve (Builder.io)

132,796 subscribers

32,981 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

Steve (Builder.io)2 years ago

Then export to code, publish to your live site or app, and more. Lots more announced in the full launch post ->

Yoav Ganbar2 years ago

Congrats on the launch! Utterly mind blowing 🤯 game changer 👌🏽

IMRΛN2 years ago

Pricing?

Steve (Builder.io)2 years ago

free while in beta

Jean2 years ago

Hell ya! Even better than v1!

The Martian2 years ago

Congratulations 👏👏 looks super exciting, clean cool interface

Gustav Ekerot2 years ago

shit, there are so many new tools to try out, this going to the top of the list though 👌🙏

Cam Pak 🐟2 years ago

The stuff you and your team are working on is something not to sleep on! I think the steady, consistent pace your team is going will pay off a lot in the long run!

Tom1 year ago

This looks amazing, the component part was missing in all the other tools 🥲

Eric2 years ago

This is huge!

Related Videos

Announcing the Builder.io + integration: Turn Figma designs into full-stack applications with AI

Announcing the Builder.io + integration: Turn Figma designs into full-stack applications with AI

Steve (Builder.io)

26,632 views • 1 year ago

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Pietro Schirano

981,388 views • 9 months ago

Introducing Figma Connect 2.0 Copy multiple designs in Figma, paste them into MagicPath, and get clean react code instantly. Auto Layout and responsiveness, all preserved. Your Figma designs become code any agent can understand and build with. Codex, Claude Code, and more.

Introducing Figma Connect 2.0 Copy multiple designs in Figma, paste them into MagicPath, and get clean react code instantly. Auto Layout and responsiveness, all preserved. Your Figma designs become code any agent can understand and build with. Codex, Claude Code, and more.

Pietro Schirano

39,711 views • 2 months 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,949 views • 1 year ago

Turn Figma designs into working code ⚡

Turn Figma designs into working code ⚡

UI/UX Savior

17,973 views • 7 months ago

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas

Figma

108,744 views • 4 months ago

Introducing the and integration: Turn your Figma designs into working full stack applications in a couple of clicks! 🧵👇

Introducing the and integration: Turn your Figma designs into working full stack applications in a couple of clicks! 🧵👇

Builder.io

29,481 views • 1 year ago

Thrilled to announce Visual Copilot V1 AI codegen using YOUR components

Thrilled to announce Visual Copilot V1 AI codegen using YOUR components

Steve (Builder.io)

70,435 views • 2 years ago

Introducing Visual Copilot for Figma - a new AI copilot that generates on-brand Figma designs No more generic AI slop, be unique and stand out

Steve (Builder.io)

271,197 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

20,070 views • 1 year ago

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,193 views • 1 year ago

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Steve (Builder.io)

15,516 views • 1 year 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,405 views • 7 months ago

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Claude

2,623,574 views • 1 year ago

Bitrig can now turn your Figma designs into native Swift apps built with Apple’s real controls and materials.

Bitrig can now turn your Figma designs into native Swift apps built with Apple’s real controls and materials.

Bitrig

40,607 views • 1 month ago

Introducing v0’s new Figma integration. v0 can turn static Figma designs into functional UI, now with higher fidelity than ever. The import now reads: • Layout • Typography • Components • Icons • Images

Introducing v0’s new Figma integration. v0 can turn static Figma designs into functional UI, now with higher fidelity than ever. The import now reads: • Layout • Typography • Components • Icons • Images

v0

29,905 views • 5 months ago

Trace is now available on Figma. Turn your designs into SwiftUI apps within minutes using the Trace plugin. (link in comments)

Trace is now available on Figma. Turn your designs into SwiftUI apps within minutes using the Trace plugin. (link in comments)

rememe

327,251 views • 2 years 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

106,201 views • 7 months 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,378 views • 1 year ago

⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs into clean React code. We're already speeding up businesses by ~40% ion saves thousands of hours by: - Learning structure from your codebase - Reusing your existing components - Automatic dark mode 🌙 (1/4)

⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs into clean React code. We're already speeding up businesses by ~40% ion saves thousands of hours by: - Learning structure from your codebase - Reusing your existing components - Automatic dark mode 🌙 (1/4)

Samraaj Bath ⚡️

160,844 views • 2 years ago