Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed... show more

Meng To

176,051 subscribers

17,708 Aufrufe • vor 1 Jahr •via X (Twitter)

Bildung Kunst Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Seán

Seánvor 1 Jahr

Figma are worried fr

Profilbild von Dami Dina

Dami Dinavor 1 Jahr

Very cool

Profilbild von Daniel Isaac

Daniel Isaacvor 1 Jahr

When do you think it’ll be approved? I feel like it’s been a while already.

Profilbild von Bilal Harouchi

Bilal Harouchivor 1 Jahr

I'm trying to send you a DM.

Profilbild von Meng To

Meng Tovor 1 Jahr

Feel free to use my email Meng at

Profilbild von Kurosh

Kuroshvor 1 Jahr

Saving this, is there a dope workflow from going to this to narivebase expo in cursor?

Profilbild von Meng To

Meng Tovor 1 Jahr

Is that react native?

Profilbild von Dan Humphreys

Dan Humphreysvor 1 Jahr

Bruhhhh come on figma

Profilbild von RadioTom.edu 🍊

RadioTom.edu 🍊vor 1 Jahr

Figma better hurry up

Profilbild von Tim Gabe 👨‍🎨

Tim Gabe 👨‍🎨vor 1 Jahr

really interested in testing this for some clients once it’s out! doing great work for the people as always, meng 👏⭐️🙌

Ähnliche Videos

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 Aufrufe • vor 9 Monaten

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

172,088 Aufrufe • vor 2 Jahren

We did it! made a Figma plugin for Trace Convert your designs into SwiftUI and preview your screens right inside your figma canvas in minutes.

We did it! made a Figma plugin for Trace Convert your designs into SwiftUI and preview your screens right inside your figma canvas in minutes.

vidy

82,336 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20

Erik

21,727 Aufrufe • vor 1 Jahr

We built the fastest way to vibe design mobile apps. From idea to screen designs in under 2 minutes. Export to code or Figma. Comment "sleek" for early access.

We built the fastest way to vibe design mobile apps. From idea to screen designs in under 2 minutes. Export to code or Figma. Comment "sleek" for early access.

Mattia

890,477 Aufrufe • vor 11 Monaten

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

Meng To

221,140 Aufrufe • vor 1 Jahr

Need help deciding which color palette to use for your designs? Designer Milan Maheshwari's Spectrum plugin can help with that. You can instantly generate color palettes and apply them to illustrations, images, interfaces, and more.

Need help deciding which color palette to use for your designs? Designer Milan Maheshwari's Spectrum plugin can help with that. You can instantly generate color palettes and apply them to illustrations, images, interfaces, and more.

Figma

94,041 Aufrufe • vor 3 Jahren

UI/UX Designers, did you know you can convert your PNG images to SVG format and customize the colors directly in Figma? Quick Tracing is a Figma plugin that allows you to easily trace and convert images into vector shapes directly within Figma with just one click.

UI/UX Designers, did you know you can convert your PNG images to SVG format and customize the colors directly in Figma? Quick Tracing is a Figma plugin that allows you to easily trace and convert images into vector shapes directly within Figma with just one click.

Abraham John 🦄🦓

72,101 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Monaten

Holy sh*t I spent weeks turning Claude Code into a design studio. no Figma license. no agency. no plugins I had to pay for. here's the stack I used and it's embarrassingly simple: -> graphify: teach Claude your brand dump your guidelines, logos, PDFs and old projects into one folder. graphify turns it into a knowledge graph, so every design Claude makes follows your rules instead of guessing. 134k stars, Y Combinator. uv tool install graphifyy -> graphify install -> /graphify . -> Figma-Context-MCP: Figma straight to code it hands your actual Figma file to the agent. the README says it builds designs in one shot, and does it better than pasting screenshots. -> Penpot: the open-source Figma free, open source, and its MCP server lets AI read and edit your designs, then hand them to code and back. -> React Bits: the "expensive" look, for free the biggest open-source library of animated React components. those smooth hover effects and text animations you see on high-end sites? copy, paste, done. -> HyperFrames: designs that move write HTML, get a finished video. made by HeyGen for AI agents. your landing page can now have its own launch video by tonight. claude plugin marketplace add heygen-com/hyperframes -> claude plugin install hyperframes@hyperframes -> MCP for Blender: 3D without learning Blender connects Claude to Blender. describe a scene, the agent builds and edits it in real 3D. the order that works: brand into graphify -> design in Figma or Penpot -> Claude builds it with React Bits -> HyperFrames makes the promo -> Blender adds the 3D hero shot the uncomfortable part: tools used to be the moat. now everyone has them for free. the only thing that still separates good design from AI slop is taste. and taste is the one thing you can't install. bookmark this. your next client will ask why you're suddenly so fast.

kiosa

67,811 Aufrufe • vor 5 Tagen

We just built Figma for Claude Code > Select any element on your local front-end > Edit it like you would in Figma > Apply the changes with Claude Code This is not a demo or waitlist. Try it today.

We just built Figma for Claude Code > Select any element on your local front-end > Edit it like you would in Figma > Apply the changes with Claude Code This is not a demo or waitlist. Try it today.

Quentin Romero Lauro

252,617 Aufrufe • vor 8 Monaten

Introducing our Free Figma-to-Code converter. Copy your design directly from Figma and paste it into our canvas. Our compiler converts your figma design into code, and you can export it in your preferred format. Free to use, with no limits. No login required, try it here👇

Introducing our Free Figma-to-Code converter. Copy your design directly from Figma and paste it into our canvas. Our compiler converts your figma design into code, and you can export it in your preferred format. Free to use, with no limits. No login required, try it here👇

Praha

26,570 Aufrufe • vor 1 Monat

Tired: code or canvas Wired: code AND canvas Introducing Claude Code to Figma

Tired: code or canvas Wired: code AND canvas Introducing Claude Code to Figma

Figma

3,078,499 Aufrufe • vor 8 Monaten

Getting close to Figma component spec plugin MVP feature complete, and ready for deeper testing and getting feedback from the community.

Getting close to Figma component spec plugin MVP feature complete, and ready for deeper testing and getting feedback from the community.

Nathan A Curtis

203,066 Aufrufe • vor 3 Jahren

Introducing the RevenueCat Figma plugin. Design in Figma → import to RevenueCat → ship instantly. Fully native, ready to A/B test and deploy remotely. No rebuilding designs. No app updates.

Introducing the RevenueCat Figma plugin. Design in Figma → import to RevenueCat → ship instantly. Fully native, ready to A/B test and deploy remotely. No rebuilding designs. No app updates.

RevenueCat

7,587,137 Aufrufe • vor 11 Monaten

btw, from Figma → Code via Pencil > just copy/paste: cmd+C in Figma, cmd+V in Pencil > styles and layout settings preserved, pixel perfect > claude code produces the code that fits your repo code, requirements and rules, you are in charge

btw, from Figma → Code via Pencil > just copy/paste: cmd+C in Figma, cmd+V in Pencil > styles and layout settings preserved, pixel perfect > claude code produces the code that fits your repo code, requirements and rules, you are in charge

Tom Krcha

15,441 Aufrufe • vor 9 Monaten

I designed this mobile app in Figma and decided to build it with Claude Code. These are some of the interactions I’ve built so far. Compared to the last time I tried building a mobile app with Claude Code for a client, this has been sooo much easier.

I designed this mobile app in Figma and decided to build it with Claude Code. These are some of the interactions I’ve built so far. Compared to the last time I tried building a mobile app with Claude Code for a client, this has been sooo much easier.

Wuraola | Product Designer

18,246 Aufrufe • vor 1 Monat

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

Matt

123,035 Aufrufe • vor 1 Jahr

Claude Code on desktop can now preview your running apps, review your code, and handle CI failures and PRs in the background. Here’s what's new:

Claude Code on desktop can now preview your running apps, review your code, and handle CI failures and PRs in the background. Here’s what's new:

Claude

9,332,938 Aufrufe • vor 8 Monaten