正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Release Notes, EP-007 → Take your vibe-coded prototypes further in Figma → Connect design systems to code → Ship your best idea fast MAY 5, 9AM PT | 12PM ET

Figma

576,764 subscribers

73,070 次观看 • 6 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

19 条评论

Imran Hossen 的头像

Imran Hossen6 个月前

Big step forward 🚀 Bridging design and code like this is exactly what speeds everything up. Excited to see how far we can push prototypes now. See you on May 5!

Minhaz 的头像

Minhaz6 个月前

Figma On revenge Mode..

Simon Rico 的头像

Simon Rico6 个月前

Big thanks to @zoink and everyone at @figma. I always knew you’d step up and bring this bridge to life! Bulish!

ingenious 的头像

ingenious6 个月前

huge

AqibAi 的头像

AqibAi6 个月前

This feels like the missing bridge a lot of vibe-coded projects needed—getting from “it works” to “it’s shippable” without rebuilding everything in a design tool. If the Figma ↔ code sync is actually tight and not just one-way export, this could meaningfully speed up iteration loops for teams. Looking forward to seeing how deep the integration goes with Figma in EP-007.

erik@try.works 的头像

[email protected]6 个月前

alright bro this better be code-native not .fig

joaquín tarifa 的头像

joaquín tarifa6 个月前

✨✨✨

harshad 的头像

harshad6 个月前

crazzy

Carlos matos 的头像

Carlos matos6 个月前

@flippnflops @ContrarianCurse @P_Remarks @dalibali2 oh yeah moon this shit. This exactly what figma needed. Thank you Phillip and @zoink

Eteroly 的头像

Eteroly6 个月前

🤤

punit chawla 的头像

punit chawla6 个月前

You already know I'd be wide awake making a video!

Mia Lima 的头像

Mia Lima6 个月前

wow 🤍

MotionSphere Media | SaaS Videos 的头像

MotionSphere Media | SaaS Videos6 个月前

CLAUDE X FIGMA lol

Grant ❂ 的头像

Grant ❂6 个月前

About Time!

AI Mastery Guide 的头像

AI Mastery Guide6 个月前

Vibe coding straight into Figma prototypes is the workflow I didn't know I needed 👀

Filip 的头像

Filip6 个月前

Figma finally standing up! We're so back!

AI Automation Mastery 的头像

AI Automation Mastery6 个月前

Vibe coded prototypes going further in Figma plus design systems connecting to code is the handoff dream finally happening 🔥

Chief Skurp 的头像

Chief Skurp6 个月前

This is sick

BlockAI Studio 的头像

BlockAI Studio6 个月前

Such a fresh vibe — the gradients are on point 🔥

相关视频

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

401,941 次观看 • 5 个月前

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code

Figma

67,356 次观看 • 3 个月前

MCP updates in FigJam so you can visualize your systems (and not just read code) → generate_diagram to create architecture diagrams & ERDs → figma-use-figjam skill to add notes, code blocks, and annotations directly to your board → get_figjam tool to read your board & map out next steps

MCP updates in FigJam so you can visualize your systems (and not just read code) → generate_diagram to create architecture diagrams & ERDs → figma-use-figjam skill to add notes, code blocks, and annotations directly to your board → get_figjam tool to read your board & map out next steps

Figma

213,661 次观看 • 6 个月前

Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → Atlassian Jira Code Generation → Bernardo Ferrari Figma to Code → Anima Design Systems → Tokens Studio → @Figma Code Snippet Editor More in the thread.

Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → Atlassian Jira Code Generation → Bernardo Ferrari Figma to Code → Anima Design Systems → Tokens Studio → @Figma Code Snippet Editor More in the thread.

Figma

47,568 次观看 • 2 年前

Introducing connectors, our new MCP client in Figma Make → Connect external tools to create prototypes with full context → Update your connected docs or create tasks directly from Make

Introducing connectors, our new MCP client in Figma Make → Connect external tools to create prototypes with full context → Update your connected docs or create tasks directly from Make

Figma

181,924 次观看 • 11 个月前

Show don’t tell Now you can embed Figma Make prototypes in Figma Design, Figma Slides, and FigJam. Rolling out this week.

Show don’t tell Now you can embed Figma Make prototypes in Figma Design, Figma Slides, and FigJam. Rolling out this week.

Figma

99,485 次观看 • 9 个月前

New capabilities coming to Figma Make (Rolling out now in our Beta desktop app) → Bring your codebase to Make → Edit code with precise changes → Branch, commit, ship

New capabilities coming to Figma Make (Rolling out now in our Beta desktop app) → Bring your codebase to Make → Edit code with precise changes → Branch, commit, ship

Figma

106,243 次观看 • 5 个月前

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships

bolt.new

14,390 次观看 • 7 个月前

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Figma

324,940 次观看 • 1 年前

Annotations, now available in Design Mode with new color coded categories

Annotations, now available in Design Mode with new color coded categories

Figma

106,113 次观看 • 1 年前

Today at Config India, we announced new ways of building in Figma → Collab with code on the canvas with Code Layers (open beta) → Shape and share context with Specs (open beta) → Give your agent more design system context with Guidelines (open beta) and Code Sources (closed beta) → Ship websites with Payload (rolling out in the coming weeks)

Today at Config India, we announced new ways of building in Figma → Collab with code on the canvas with Code Layers (open beta) → Shape and share context with Specs (open beta) → Give your agent more design system context with Guidelines (open beta) and Code Sources (closed beta) → Ship websites with Payload (rolling out in the coming weeks)

Figma

7,227,098 次观看 • 21 天前

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

Figma

42,679 次观看 • 3 个月前

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Figma

352,323 次观看 • 1 年前

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Figma

551,580 次观看 • 3 年前

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Figma

141,282 次观看 • 2 年前

20+ Figma Weave tools are now in your design canvas Live from Config 2026

20+ Figma Weave tools are now in your design canvas Live from Config 2026

Figma

77,509,970 次观看 • 4 个月前

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

Now teams can explore and build code-backed prototypes on the canvas with Code Layers, now in open beta 0:00 Intro 0:43 Starting from code 2:26 Explore code concepts on the canvas 3:57 Edit in both code and design 6:36 Merge ideas together

Now teams can explore and build code-backed prototypes on the canvas with Code Layers, now in open beta 0:00 Intro 0:43 Starting from code 2:26 Explore code concepts on the canvas 3:57 Edit in both code and design 6:36 Merge ideas together

Figma

3,614,717 次观看 • 21 天前

Wake up you can now download and present your prototypes and slides offline anywhere

Wake up you can now download and present your prototypes and slides offline anywhere

Figma

100,358 次观看 • 2 年前

Vibe code with your full Figma design system on Anima 💥 Early access for Enterprise, link in thread

Vibe code with your full Figma design system on Anima 💥 Early access for Enterprise, link in thread

Avishay Cohen

5,731,515 次观看 • 7 个月前