FIGMA DESIGN TO CODE WITH ANIMA

  Рет қаралды 25,733

Caler Edwards

Caler Edwards

2 жыл бұрын

Convert Figma UI designs to code with a few clicks. Try Anima: www.animaapp.com
Live website: fighire.animaapp.io
3D illustration (Figma): www.figma.com/community/file/...
-
Become a Member (Access to Completed Project Files):
/ @caleredwards
Sign up for Webflow:
webflow.grsm.io/caleredwards
My Desk Setup for Design & KZbin:
kit.co/caleredwards/my-setup
Learn UI/UX Design and Prototyping using Adobe XD:
www.udemy.com/ui-ux-design-us...
-
Visit my website:
caleredwards.com
Find me on Instagram:
Instagram: / caleredwards
-
Disclaimer: This video and description may contain affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you. Thank you for supporting the channel!
Music: Epidemic Sound
FIGMA DESIGN TO CODE WITH ANIMA - Figma & Anima Tutorial
#anima #designtocode #figma

Пікірлер: 28
@CalerEdwards
@CalerEdwards 2 жыл бұрын
Have you used Anima before? Don't forget to leave a like if you enjoyed the video :D
@abdullahabd7677
@abdullahabd7677 2 жыл бұрын
Free tier doesn’t have export to HTML and is limited to one project. Pricing starts at $31/mo.
@SRIKANTH-tt6em
@SRIKANTH-tt6em 3 ай бұрын
This is the best and clearest explanation ever for Figma to Anima ! 🎉 I got a clear idea from here 💡
@Scruffi
@Scruffi 2 жыл бұрын
Nice! Looks like it could be incredibly useful. Thanks for being concise and snappy in the presentation, as well. :)
@CalerEdwards
@CalerEdwards 2 жыл бұрын
Glad you like it!
@Gladwebs
@Gladwebs 2 жыл бұрын
This is actually so amazing, I had no clue such tool existed, thank you so much for taking the time to share Caler 😀
@CalerEdwards
@CalerEdwards 2 жыл бұрын
Happy to help!
@Kram3r
@Kram3r 2 жыл бұрын
Great video!! Love the No code video tutorials!
@CalerEdwards
@CalerEdwards 2 жыл бұрын
Glad to hear it!
@jase7661
@jase7661 2 жыл бұрын
This is so dope
@CalerEdwards
@CalerEdwards 2 жыл бұрын
Glad to hear it :D
@suzybee123
@suzybee123 Жыл бұрын
Great info! Can you please do a video of the pros and cons of Anima vs Protopie? I can't decide which is better....I lean towards Anima and Webflow but everyone keeps saying Protopie? Why? is it because they don't know any code? I don't understand. Thanks
@nuwanthiillukkumbura9018
@nuwanthiillukkumbura9018 Жыл бұрын
When I export buttons they show up as divs in the code Is there a way to let Anima know through Figma that a button component should be a HTML ?
@orarbel6267
@orarbel6267 2 жыл бұрын
Awesome 🤟
@CalerEdwards
@CalerEdwards 2 жыл бұрын
Thanks ✌️
@muhammadnandanugraha3435
@muhammadnandanugraha3435 Жыл бұрын
makasih banyak bang
Жыл бұрын
Hello, I'm thinking of buying animaapp plugin for adobe xd. I have no software knowledge. Is it running unsuccessfully?
@ideaplusagency
@ideaplusagency Жыл бұрын
Well you still having know code to edit this plus most front-end designers now are also front end developers
@JohnDrach
@JohnDrach 8 ай бұрын
I recently paid for the paid version and the export didnt work at all everything was broken. Thoughts on how to overcome this issue?
3 ай бұрын
Did you fix it?
@njengathegeek
@njengathegeek Жыл бұрын
is that the end of front-end developer career?
@Drillorz
@Drillorz Жыл бұрын
Do I even need to learn how to code when I can just use this to make custom websites?
@Vichion
@Vichion Жыл бұрын
Yes. 1. without knowing how stuff works you cant fix it if something breaks. 2. You can not make your own functions. .
@stoogel
@stoogel Жыл бұрын
Use Webflow if you want something that can make nice websites. This thing seems to be meant for generating prototypes to hand off to developers, not to output a completed site.
@ideaplusagency
@ideaplusagency Жыл бұрын
​@@stoogeltechnically webflow doesn't even create completed sites... there'll always have to be changes that you have to do manually
@sykowhite9465
@sykowhite9465 2 жыл бұрын
except code is horrible :U
@stoogel
@stoogel Жыл бұрын
Yeah the react code this thing spits out gives me anxiety. The class names and lack of semantic tags as well. It's so opinionated about how your styles and components are architected, I feel like most devs will waste time having to pull it apart.
Learn Figma in 30 Minutes
30:24
Caler Edwards
Рет қаралды 74 М.
Unbelievable AI Tool Converts Figma to Code🔥
17:46
Tech With Tim
Рет қаралды 284 М.
I Can't Believe We Did This...
00:38
Stokes Twins
Рет қаралды 84 МЛН
When You Get Ran Over By A Car...
00:15
Jojo Sim
Рет қаралды 19 МЛН
FIGMA COMPONENTS & VARIANTS
9:20
Caler Edwards
Рет қаралды 128 М.
Convert Website Designs to Code Fast Using Anima App & Figma
11:54
Brian Design
Рет қаралды 29 М.
Instantly Improve your Designs with this Color Rule...
15:16
Caler Edwards
Рет қаралды 10 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 747 М.
Framer Tutorial: Creating Smooth Website Loading Animations
22:57
Framer University
Рет қаралды 33 М.
Redesigning a Random Website I found on the Internet
9:11
Caler Edwards
Рет қаралды 3,8 М.
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 166 М.
Visual Copilot Converts Figma Mocks to React Fast and Accurately
15:44
Jack Herrington
Рет қаралды 77 М.
Free Figma UX Design UI Essentials Course
2:57:40
Bring Your Own Laptop
Рет қаралды 1,8 МЛН