From Figma to CODE with Anima - Crash Course

[@DesignCourse]

Who here has used Anima, and how does it integrate with your workflow???

[@paritoshk990]

I did, it is paid. No free export to even test if the plugin is worth it.

[@jonsnowcrypto]

@@paritoshk990 And is it actually worth it? I plan on paying for it, don't know if it's actually worth it so I can proceed with the payment.

[@paritoshk990]

@@jonsnowcrypto Go for their trial and see if it suits you. I didn't continue.

[@AdrianRosarioPR]

I would love to see a non sponsors video where you go through the code and see if it's quality code. I remember you did something like that on another video back in the day.

[@scottonanski4173]

The fact that Figma hasn't bothered to ship a native feature like this kinda sketch.

[@SolomFoz]

Anima. Enema is something else. 😄

[@parantapkaushal2467]

Yup wanted to correct him myself too 😂

[@ShopperPlug]

I got 100% clean HTML and CSS code using Anima... neat plugin.

[@tolgadur]

It would be good if you shared the Fimga designs so that people can follow while watching.

[@AnimaApp]

Great video, Gary! Super clear and easy to follow 💪

[@berndo3038]

I noticed he said that you lose the responsive resizing when exporting to React or Vue, is there a workaround for this?

[@MicheleMessina-Spline3DMaster]

@@berndo3038 no aswer

[@elijahmatthew5270]

Mind Blown

[@donnysashari]

Omg i wanna use this soon

[@AnimaApp]

Great idea! Send us a message if you need any help :)

[@CHITUS]

As allways very nice 👍

[@maskman4821]

Anima has evolvedved to app maker which is really awesome 😃

[@AnimaApp]

App, software, product, you name it!

[@laurentdashwood5314]

i'm doing some integration with sass and i was wondering if it is better to code it from scratch or use a tool such as anima ?

[@deeprod2592]

wondering it too, anyone has the answer ?

[@chantingdroneflutes]

I've used Enema, it helps my flow work very well!!!

[@GeeksCalls]

Glad you’ve had a taste of it.

[@vladimirpetroski7089]

I swear, every time Gary says Anima, I hear enema. Anyone else with me? (Love the video)!

[@michaelandreuzza]

yess

[@xSalamz]

To quote that South Park episode "They taking taking our jobs".

[@AnimaApp]

Never! We're just here supporting your product dreams (and timelines)

[@nallachi2913]

Nicest one in these IT world

[@yishanlu3644]

How the find them button works? Where did you add the on click function?

[@ShoebMohammad]

very helpful tutes, thanks for sharing!

[@figmintutorials]

Agree!

[@AjayKumar-id7mb]

If we have anima then why we should code html and css?

[@smkattoula45]

To make it easier and faster for you to set up your UI design. Developers should learn their HTML/CSS fundamentals, but afterwards if there are tools that can make it easier for you to build your apps, then use it! It's like asking why should we learn CSS when we can use CSS frameworks. It's because it makes our lives as developers easier.

[@lemicmelo7713]

Hey man great video! Quick question if I’m developing a website for people to signup and keep a profile, do you think it will be better after design it on Figma, to export to webflow or framer? Thanks

[@smtylmz89]

wwwouuuww thats what I've been loogking for!

[@AnimaApp]

So happy we found each other!

[@user-bq4me1nr8z]

very cool stuff! thank you

[@davidcdepy]

I'm interested anima, if it's worth it then I'll invest, but I'm still not convinced... Any video of a Real Project deployed?

[@satori_stuff]

I don't understand how to change font in a "select" field. plese help :(

[@roter13]

I have a question. Every time I see an anima video, I only see a person working on one screen. Does anima allow you to connect different screens together so that it works like a prototype? Basically what I mean is if you click on menu bar section of your page, can you then link it to another page on your website so that it works like a real website?

[@moj929]

an example of that was in the video when he added the search

[@AnimaApp]

Yup! check out the "Submitting a Form" section of the video. Specifically at 8:08 you can see the link between 2 pages.

[@roter13]

@@AnimaApp Does anima have the ability to do drop down menu prototyping?

[@AnimaApp]

@@roter13 Yup! you can make drop downs in your design tool with overlay and Anima will support it

[@roter13]

@@AnimaApp Another question. I have been working on a text field but it seems like you need to have placeholder text for this to work. Is there a way to make the text input editable without placeholder text?

[@bF93712]

Anima looks greate but it's so expensive!

[@hansyang6291]

Does Anima has git integration? Is there a way to export your code as a pull request from Anima?

[@emonymph6911]

Does it turn the web elements into 'viewports' like ionic or are they simply native html/css that's responsive?

[@danneytee]

Would this also work for something like parallax animation?

[@Ninjajitsu562]

Hi there i cant seem to link pages on new update

[@feastofsteven1214]

Curious what size artboards you use for each device here?

[@figmintutorials]

Thank you!

[@brianafassett]

Can the code be exported to a system like Bravo App?

[@RD-jr8nv]

Seems good! I do prefer fluid layouts as opposed to fixed layout changes at breakpoints. Can’t help but feel i’d end up spending more time hacking what it produces as opposed to just writing from scratch. It will Definitely have it’s uses for smaller less complex projects though

[@AnimaApp]

If you ever give Anima a try, I'd love to hear your feedback!

[@pregret]

exactly my thought

[@kashyap263]

That's not professional

[@ransomecode]

This thing is revolutionary!. But now people'll be talking about this thing taking over the jobs of UI/UX designers. 😂😂

[@DesignCourse]

Nah, this tool doesn't design the app for you, it converts it to code that developers can then use.

[@ransomecode]

Just kidding😅

[@mr.chinaski2613]

Designing is not coding.

[@BobbyBundlez]

yes what a funny concept. a piece of software putting people out of work. so funny. you are also just wrong

[@Eddie_FGC]

This prototype works on MAZE?

[@ademineshat]

As allways very nice 👍 but figma in this channel looks like being the main priority 😂

[@codingchannels4103]

is it for prototyping or production code too?

[@AnimaApp]

Both!

[@alkollo]

Hello, I can't get these smooth transitions between breakpoints kzbin.info/www/bejne/fqGmopZriJdqrsU , on my project it "jump" from one breakpoint to another, is there anything to activate ? Thank you.

[@ihajo]

I think I prefer webflow 🤓

[@figmintutorials]

We love Webflow😊

[@pragatheshravi]

Does webflow offer React and Vue?

[@juanpablomoralescruz3771]

​@@pragatheshravi Only HTML, CSS, and JavaScript

[@manoj.k.m4302]

Nice video

[@MaggieKayy]

nice, if only it was free like figma

[@amalekilawlor2922]

What was this... you didn't dive into any of the code.

[@mario_luis_dev]

dude really showing tiny ass font on a tutorial at 720p…. You need to upload higher res for these kinds of videos, dude

[@chyjohn6502]

Hi Gary, please after "searching" and "fetching data from database", how do I display the results using "figma design" since I don't exactly know what the user will be searching for? Thanks for your videos, they are really helpful and I'm a huge fan.

[@kellyaquinastom]

Maybe try webflow for backend?

[@SashenMe]

You need to name your layers nicely. Otherwise your code will look like shit.

[@SeaRich]

Actually it is not a smart move to force a design tools to be a code. High cost to design.

[@ravisirswa8123]

First like

[@nefnavarro213]

careers. TNice tutorials was an amazing introduction to tNice tutorials software.