Convert Website Designs to Code Fast Using Anima App & Figma
HTML-код
- Опубликовано: 19 май 2024
- You can access Anima here bit.ly/3tf6sIm
In this video, we will convert a website design made using Figma into working code using Anima App.
Anima is a design-to-code platform that lets designers create fully responsive prototypes that look and work exactly like the finished product, and lets developers take these designs and translate them into developer-friendly code.
If you want to follow me along my coding journey, be sure to subscribe :)
/ @briandesign
Funny you seem to skip the part where it asks for $40, thanks for the vid
will option like smart animation and interaction will work ?
Glad youre back!
Went through several tools like these and all of them have a pretty complicated uiux :/ Currently using function12 for figma to html, its interface is very similar to figma.
once you have the code then how do you make that into a site? can you make a video where you take this code and show how one might go about putting it online?
Thank for the clear explanation. May I ask what if I had already built in some motion graphics in Figma prototype( e.g. micro-interaction), can that be converted straight away using Anima instead of redoing that like what you have demonstrated in the video ?
this is a great question angel. I'd really like to know too.
Hey Bryan hope you’re doing well love your videos I have a question for you I’m just about almost finished with CSS I just finished HTML standard coding but my question is should I take JavaScript before I take react or should I just jump in to react I’m trying to go the fastest route rather than just taking a class that I’m not really needing if react already is JavaScript?
I think it's a lot better if you know Javascript. Some things you'll need to know are arrow functions, array and array maping.
Let's see. I'm gonna try it
Will you do more Next.js tutorials
Do you happen to know how the subscription works with Anima? Is the subscription only required when creating the code for the first time. Meaning is it possible to get the subscription, develop the website in FIGMA and then export the code as zip files. From that point forward can the subscription be cancelled and the code be managed from within vscode and deployed?
I'm not sure if you cancel, so you'd have to contact their support to see how that would work
Thanks for the quick reply. I am really just trying to make sure it’s not intended that a subscription is required the entire time you use the site code their tool generated.
@@briandesign can you make any dashboard video on react
can anyone share the figma link!!
Amazing
10:29 it's not responsive! it's only have different breakpoints..
Is this better than codding ?
Hi...I need your help bro
Hi
I need your help
this crap doesnt work now. only exports to react but no html option