From Figma to Code with Anima 4.0
Download and play with Anima today: https://bit.ly/3dJJShs
✨ Join the waitlist for my course on Product Strategy for Designers – cohorts run multiple times a year and space is limited https://maven.com/femke/product-strat...
I'm always excited to try new tools to help improve my workflow, especially when it comes to design handoff and working with engineers! Anima recently launched their new 4.0 version which now give engineers developer friendly react code!
This video is sponsored by Anima.
----------------------------------------------
//LINKS
Check out Anima: https://bit.ly/3dJJShs
Looking for 1:1 mentorship or feedback on your portfolio? Book a session with me on Superpeer: http://superpeer.com/femke
//TIMESTAMPS
00:00 - Introduction to Anima 4.0
00:40 - What’s new in Anima
1:57 - Website preview
2:19 - Our web design
2:40 - Using the Anima Plugin
3:06 - Creating a responsive website
4:00 - Adding animations
5:23 - Text input & Fixed elements
6:08 - Gifs, Video, Lotti
6:25 - Previewing in the browser
7:00 - Using the Anima Platform
7:16 - Code via Anima
8:38 - Sharing & Publishing
9:20 - Wrap up
// MORE
Instagram: / femkedotdesign
Portfolio: https://www.femke.co.nz/
Blog: https://www.femke.co.nz/articles
Podcast: https://www.designlife.fm/
// SOCIAL
Twitter: / femkesvs
Instagram: / femkesvs
//TOOLS (referral links)
Get a free trial of the best music for your videos: http://share.mscbd.fm/femkesvs
Try Webflow, my favourite portfolio tool: https://webflow.com/?rfsn=1125819.b1c...
Create and manage your email address with MailerLite: https://www.mailerlite.com/a/ktugp8ucmm
