正在加载视频...

视频加载失败

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

Turn Figma designs into working code ⚡

UI/UX Savior

124,728 subscribers

17,963 次观看 • 2 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

977,460 次观看 • 4 个月前

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

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

One Figma plugin to turn flat designs into 3D in seconds

One Figma plugin to turn flat designs into 3D in seconds

Hamad Tanveer

76,025 次观看 • 2 个月前

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

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription

Alvaro Cintas

387,367 次观看 • 3 个月前

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

75,947 次观看 • 1 年前

Holy crap, I got html to Figma working. This is about 1082 lines of code translating tailwind+html into figma console js commands. So we got accurate Figma layers, outlines, texts, nested groups and pure SVG icons. All these designs are made in Aura then exported to Figma.

Holy crap, I got html to Figma working. This is about 1082 lines of code translating tailwind+html into figma console js commands. So we got accurate Figma layers, outlines, texts, nested groups and pure SVG icons. All these designs are made in Aura then exported to Figma.

Meng To

71,166 次观看 • 1 年前

Don’t name your layers. Let Figma AI do that AND → Make your first draft with Make Design → Find the exact visual you’re looking for (or something similar) with Visual/Asset Search → Turn your designs into a working prototype with Make Prototype #Config2024

Don’t name your layers. Let Figma AI do that AND → Make your first draft with Make Design → Find the exact visual you’re looking for (or something similar) with Visual/Asset Search → Turn your designs into a working prototype with Make Prototype #Config2024

Figma

812,424 次观看 • 1 年前

Taste is what matters. We added built-in Figma in SOLO to turn good taste into working code. Best results you could get with coding agents ✌️

Taste is what matters. We added built-in Figma in SOLO to turn good taste into working code. Best results you could get with coding agents ✌️

TRAE

234,788 次观看 • 9 个月前

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

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

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

28,856 次观看 • 6 天前

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4

kartik

756,059 次观看 • 3 年前

Figma just became obsolete. one-shots entire UI designs using your Claude Code subscription. - MCP connects to Cursor, Claude Code, or Codex - Fully editable designs - Export to Figma or PNG The kicker? It's completely free right now.

Figma just became obsolete. one-shots entire UI designs using your Claude Code subscription. - MCP connects to Cursor, Claude Code, or Codex - Fully editable designs - Export to Figma or PNG The kicker? It's completely free right now.

Sanket 🛠️ClawKraft

37,940 次观看 • 4 个月前

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

YC W23's CodeParrot (YC W23) converts Figma designs and screenshots into production-ready code, so developers can build stunning UI lightning fast. Share your Figma files and set your code preferences, and CodeParrot will have your screens ready in minutes.

YC W23's CodeParrot (YC W23) converts Figma designs and screenshots into production-ready code, so developers can build stunning UI lightning fast. Share your Figma files and set your code preferences, and CodeParrot will have your screens ready in minutes.

Y Combinator

53,400 次观看 • 2 年前

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,593,037 次观看 • 8 个月前

re-introducing ion design (YC W24) we turn designers into design engineers without them learning how to code ⚡ it’s an AI app builder that turns Figma into code - generate, iterate, and ship in seconds. let's make 2025 the year of the design engineer, together 🧵

re-introducing ion design (YC W24) we turn designers into design engineers without them learning how to code ⚡ it’s an AI app builder that turns Figma into code - generate, iterate, and ship in seconds. let's make 2025 the year of the design engineer, together 🧵

Samraaj Bath ⚡️

29,928 次观看 • 1 年前

NEW: Vibe code your Figma designs on Replit Here's my video on how to get started

NEW: Vibe code your Figma designs on Replit Here's my video on how to get started

matt palmer

23,104 次观看 • 11 个月前