Loading video...

Video Failed to Load

Go Home

🚨 BREAKING: Claude can now turn your Figma file into a live app. Vibe code from any Figma design...

chddaniel's profile picture

Daniel Ch

24,632 subscribers

157,538 views • 3 months ago •via X (Twitter)

News & PoliticsScience & TechnologyFinance
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output
0:18

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output

CJ @ Jackie Brown

27,054 views • 3 months ago

You can now copy any website into a Figma file with editable layers 🤯 Had to try it myself to believe it...
0:12

You can now copy any website into a Figma file with editable layers 🤯 Had to try it myself to believe it...

Justine Moore

158,085 views • 1 month ago

Will your interactive design shape the future? The Figma Makeathon starts now.
0:12

Will your interactive design shape the future? The Figma Makeathon starts now.

Figma

24,482,420 views • 4 months ago

You can now map multiple code files to Figma components in the Code Connect UI
0:19

You can now map multiple code files to Figma components in the Code Connect UI

Figma

76,132 views • 4 months ago

The new @Figma MCP server is now available in the Windsurf MCP Store! After setting it up (tutorial in video), just paste your Figma links directly into Cascade and it'll turn your designs into code.
0:12

The new @Figma MCP server is now available in the Windsurf MCP Store! After setting it up (tutorial in video), just paste your Figma links directly into Cascade and it'll turn your designs into code.

Windsurf

547,411 views • 9 months ago

One Figma plugin from a prompt into Auto Layout design!
0:17

One Figma plugin from a prompt into Auto Layout design!

Jan Mraz

15,453 views • 4 months ago

Don’t build your Figma design system from scratch!
0:19

Don’t build your Figma design system from scratch!

Jan Mraz

28,804 views • 6 months ago

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.
0:13

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.

Felix Lee

43,565 views • 3 months ago

I created a Figma file containing the BEST SaaS landing page re-design, templates and notes 🔥 This document contains: • Editable Figma Templates • Understand Landing Page Psychology • EASILY add +$10,000 to your MRR Want the Figma file? To receive, Like, Follow + Comment 'SAAS' and I'll send it to you. (Must be following)
0:17

I created a Figma file containing the BEST SaaS landing page re-design, templates and notes 🔥 This document contains: • Editable Figma Templates • Understand Landing Page Psychology • EASILY add +$10,000 to your MRR Want the Figma file? To receive, Like, Follow + Comment 'SAAS' and I'll send it to you. (Must be following)

Alfi

67,970 views • 1 year ago

New this week: All-new Figma plugin 💫 Meet Jitter’s revamped Figma plugin — with new import options powered by the infinite canvas! 📦 Import Figma Slides decks into Jitter 🖱️ Multi-select layers & frames 🪄 Import your entire Figma file at once Learn more and try it now 👇
0:10

New this week: All-new Figma plugin 💫 Meet Jitter’s revamped Figma plugin — with new import options powered by the infinite canvas! 📦 Import Figma Slides decks into Jitter 🖱️ Multi-select layers & frames 🪄 Import your entire Figma file at once Learn more and try it now 👇

Jitter

54,949 views • 1 year ago

One-shot with Claude Fable 5, and this subscription plan UI is live (based on my design using Figma MCP).
0:12

One-shot with Claude Fable 5, and this subscription plan UI is live (based on my design using Figma MCP).

Maxim Kuznetsov

13,573 views • 1 month ago

I created a Figma file containing the BEST landing page re-design, templates and notes 🔥 This document contains: • 8 Editable Figma Templates • 4 before and after Re-Designs to learn • More than 20+ Assets for you to use Want the Figma file? To receive, Like + Comment 'FIGMA' and I'll send it to you. (Must be following)
0:18

I created a Figma file containing the BEST landing page re-design, templates and notes 🔥 This document contains: • 8 Editable Figma Templates • 4 before and after Re-Designs to learn • More than 20+ Assets for you to use Want the Figma file? To receive, Like + Comment 'FIGMA' and I'll send it to you. (Must be following)

Alfi

35,837 views • 1 year ago

You can now open your Figma files in Sketch 📂 Head to File > Open Local Document, choose your .fig file and we’ll handle the rest 💪
0:13

You can now open your Figma files in Sketch 📂 Head to File > Open Local Document, choose your .fig file and we’ll handle the rest 💪

Sketch

39,672 views • 3 years ago

new Figma plugin in Cursor!! it can inspect your design system, find the right components/variables/styles, then write directly to figma as editable layers
0:11

new Figma plugin in Cursor!! it can inspect your design system, find the right components/variables/styles, then write directly to figma as editable layers

edwin

45,069 views • 3 months ago

🚨Beta alert!! From a Figma link to React in Visual Studio Code Visual Studio Code >Extension here:
0:18

🚨Beta alert!! From a Figma link to React in Visual Studio Code Visual Studio Code >Extension here:

Anima

4,914,187 views • 2 years ago

I finally sat down and rewrote Displace for Figma from the ground up. It’s super fast, with a completely new set of effects, and now it can export filter code you can paste right into your site! Sooooon
0:10

I finally sat down and rewrote Displace for Figma from the ground up. It’s super fast, with a completely new set of effects, and now it can export filter code you can paste right into your site! Sooooon

Mike Bespalov

95,229 views • 11 months ago

You can now use the Figma mobile app to edit file permissions on the go! This has been one of our most requested features, so download the app and give it a go!
0:18

You can now use the Figma mobile app to edit file permissions on the go! This has been one of our most requested features, so download the app and give it a go!

Robert Bye

29,402 views • 2 years ago

Built and published the fictional design agency archive from day 12 using Claude Code + Figma MCP. Claude got the project surprisingly close very quickly, but the final polish still came down to human direction, especially around motion, depth, blur, and interaction feel. Live link in thread.
0:10

Built and published the fictional design agency archive from day 12 using Claude Code + Figma MCP. Claude got the project surprisingly close very quickly, but the final polish still came down to human direction, especially around motion, depth, blur, and interaction feel. Live link in thread.

Emisho

22,711 views • 2 months ago

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

Time to update your portfolios, Figma Sites is now available to everyone on a Starter or Education plan
0:11

Time to update your portfolios, Figma Sites is now available to everyone on a Starter or Education plan

Figma

113,166 views • 9 months ago