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.

From Figma / Adobe XD / Sketch to => HTML / React /Vue

Anima

10,118 subscribers

2,823,801 views • 3 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

9 Comments

Hosna Qasmei3 years ago

I tried on Anima, not the biggest fan. But hope it improves.

Anima3 years ago

when did you try last? Try Codegene 2.0 and let us know 🥸

WinterFoxMan 🇺🇸 🇮🇱 🇷🇺3 years ago

I don't want an enema plugin!

Anima3 years ago

you don't know what you're missing ;)

Paul Maddison3 years ago

Web 'development' getting more and more complex I see 😂

🍑3 years ago

what about Ligma?

RyanRejoice3 years ago

This is what I've been searching for.

Black3 years ago

Horrible

Ben Cryptoblock -- e/acc3 years ago

The "Anima plug-in" you say? I should download and use the "Anima" app? Good lord people, go back to the Bevis and Butthead School of Business and demand a refund or at least the retirement of your marketing prof.

Related Videos

4 ways to go from Figma layout to HTML/CSS with AI. The first method sucks. The fourth method is goated. Figma

4 ways to go from Figma layout to HTML/CSS with AI. The first method sucks. The fourth method is goated. Figma

Gary Simon

33,544 views • 8 months ago

From Adobe Max: using your voice as an “audio sketch” to generate sound effects

From Adobe Max: using your voice as an “audio sketch” to generate sound effects

Anu Aakash

177,310 views • 1 year ago

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

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma

Figma

356,501 views • 4 months ago

Roba el diseño de cualquiera web y transforma el HTML en Figma con una extensión. Se llama HTML to Design.

Roba el diseño de cualquiera web y transforma el HTML en Figma con una extensión. Se llama HTML to Design.

Miguel Ángel Durán

131,963 views • 6 days ago

wake up babe Figma to React is real!

wake up babe Figma to React is real!

Dmitrii Bunin

503,749 views • 2 years ago

Theo con react to Sketch apology video

Theo con react to Sketch apology video

Snxpe

895,986 views • 1 year ago

Project SuperSonic at Adobe Sneaks: From sketch to fully generated sound effects — cool audio to audio AI demo! And just the required amount of awkwardness 😂

Project SuperSonic at Adobe Sneaks: From sketch to fully generated sound effects — cool audio to audio AI demo! And just the required amount of awkwardness 😂

Bilawal Sidhu

14,081 views • 1 year ago

Adobe Illustrator Beta 2026: Turn Sketch into Vector in Seconds #ducthangds

Adobe Illustrator Beta 2026: Turn Sketch into Vector in Seconds #ducthangds

Duc Thang Ds

100,825 views • 1 month ago

introducing figma for tailwindcss + react projects launching soon!!!

introducing figma for tailwindcss + react projects launching soon!!!

srgm

23,201 views • 9 months ago

Time-lapse (Ignore the initial sketch XD) #FNAF

Time-lapse (Ignore the initial sketch XD) #FNAF

Rabbi🍎

22,439 views • 3 months ago

We noticed on Tuesday! And called yesterday to watch out for Figma and Adobe at risk. Now the market has noticed too. Anthropic’s Chief Product Officer stepped down from Figma’s board… right before Anthropic introduced its first AI design tool, Claude Design. Figma stock dropping as investors start to price in a new kind of threat. Not just another design tool… but design generated from a prompt. Adobe stock also lower on the news.

We noticed on Tuesday! And called yesterday to watch out for Figma and Adobe at risk. Now the market has noticed too. Anthropic’s Chief Product Officer stepped down from Figma’s board… right before Anthropic introduced its first AI design tool, Claude Design. Figma stock dropping as investors start to price in a new kind of threat. Not just another design tool… but design generated from a prompt. Adobe stock also lower on the news.

Brew Markets

52,033 views • 2 months ago

Prototyping can be fun in Figma and a nightmare when you are new to it. As a self-taught designer, I had to figure everything out the hard way. I thought I had seen it all when I was learning Adobe Photoshop back then in 2012. I discovered Figma four years ago and decided to explore the tool since I had been using Adobe XD and Sketch to create some mockups. When I discovered Figma, I created the prototype I shared in my last post just because it popped into my head when I was in the bathroom 😂. I rushed out and decided to try it immediately, more like a freestyle thing and was never intended to be a real product but could be modified into becoming one if the need arises. But many misunderstood the point, which was using the video to convey a message to other young designers never to skip the process, else you will create the wrong MVP. Another design made with love in Figma #figma #uxdesign #uidesign

Prototyping can be fun in Figma and a nightmare when you are new to it. As a self-taught designer, I had to figure everything out the hard way. I thought I had seen it all when I was learning Adobe Photoshop back then in 2012. I discovered Figma four years ago and decided to explore the tool since I had been using Adobe XD and Sketch to create some mockups. When I discovered Figma, I created the prototype I shared in my last post just because it popped into my head when I was in the bathroom 😂. I rushed out and decided to try it immediately, more like a freestyle thing and was never intended to be a real product but could be modified into becoming one if the need arises. But many misunderstood the point, which was using the video to convey a message to other young designers never to skip the process, else you will create the wrong MVP. Another design made with love in Figma #figma #uxdesign #uidesign

designwithkingsley

52,577 views • 1 year ago

> be a brand designer > build templates from component properties > publish in Figma Buzz for Dave in marketing > watch Dave change layouts 143 times > be relieved that assets are still on brand

Figma

15,834 views • 8 months ago

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

Benita Mbulu

14,430 views • 6 months ago

I converted all my best HTML templates into full React sites and it’s 100% working. Can't believe I vibe-coded this tool. You can turn any html to react with full design & code edit features, unicorn studio and font assets.

I converted all my best HTML templates into full React sites and it’s 100% working. Can't believe I vibe-coded this tool. You can turn any html to react with full design & code edit features, unicorn studio and font assets.

Meng To

35,682 views • 2 months ago

For years, everyone in design tooling worked on Figma to Code. The holy grail. But Figma has their own special data format. And LLMs know React well. Watch how our customers use the Magic Patterns MCP to go roundtrip: design <> code. Never been more clear to me this is future.

For years, everyone in design tooling worked on Figma to Code. The holy grail. But Figma has their own special data format. And LLMs know React well. Watch how our customers use the Magic Patterns MCP to go roundtrip: design <> code. Never been more clear to me this is future.

Alex Danilowicz

32,431 views • 3 months 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,017 views • 1 year ago

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,101 views • 3 years ago