正在加载视频...

视频加载失败

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

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

Anima

10,118 subscribers

2,823,801 次观看 • 3 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

9 条评论

Hosna Qasmei 的头像

Hosna Qasmei3 年前

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

Anima 的头像

Anima3 年前

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

WinterFoxMan 🇺🇸 🇮🇱 🇷🇺 的头像

WinterFoxMan 🇺🇸 🇮🇱 🇷🇺3 年前

I don't want an enema plugin!

Anima 的头像

Anima3 年前

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

Paul Maddison 的头像

Paul Maddison3 年前

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

🍑 的头像

🍑3 年前

what about Ligma?

RyanRejoice 的头像

RyanRejoice3 年前

This is what I've been searching for.

Black 的头像

Black3 年前

Horrible

Ben Cryptoblock -- e/acc 的头像

Ben Cryptoblock -- e/acc3 年前

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.

相关视频

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

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

> 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 次观看 • 4 个月前

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 次观看 • 8 天前

wake up babe Figma to React is real!

wake up babe Figma to React is real!

Dmitrii Bunin

503,749 次观看 • 2 年前

Theo con react to Sketch apology video

Theo con react to Sketch apology video

Snxpe

895,988 次观看 • 1 年前

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

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

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

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

srgm

23,201 次观看 • 9 个月前

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

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

Rabbi🍎

22,439 次观看 • 3 个月前

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

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

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

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 次观看 • 6 个月前

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

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

76,017 次观看 • 1 年前

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