Channel: Angga Risky

Category: Education

Tags: website designandroid uieducationmobile developmentangga riskytutorialweb designdesign codeprogramming

Description: Hello people with the spirit of learning! Learn how to convert your Figma design to a code-based prototype easily, no coding needed with Anima. Anima lets designers and developers work in a seamless way, eliminating the back and forth that comes with handoff. You can design in Figma, Adobe XD, and Sketch, adding animations and interactions, and making fully responsive prototypes. When you're done, Anima gives you clean html, css, react, code for components, or the whole code package. Download the Figma project: figma.com/community/file/1078789102725117907 Download Anima Plugin: figma.com/community/plugin/857346721138427857/Anima---Export-to-React%2C-HTML-%26-Vue-code You can access Anima here - bit.ly/3up1Pee Timestamps: 00:47 Introduction to Anima 01:04 Download Project & Install Anima 01:51 Hover Effect Animation 02:09 Add Entrance Animation 02:34 Importing Video from Local file 03:35 Working with Text Input & Form Submit 04:27 Working with Responsive Website Design 05:35 Preview your project in browser 05:50 Responsive design demonstration 06:30 Add a custom domain Use OUR SPECIAL PROMO code for a discount of Anima Pro: angga50 Please leave me a comment if you have any question regarding Anima. Thank you for watching. -------------------------- Thank you for coming and subscribe for more updates. #design #coding #tutorial #anggarisky Thank you for coming and subscribe for more updates. #design #coding #tutorial #anggarisky 🎓Take My Premium Classes: buildwithangga.com (Indonesia) 👨🏻‍🎨My Works: dribbble.com/bwastudio behance.net/anggarisky 🙌🏼Ask a Question: fb.com/anggariskycom instagram.com/buildwithangga 🕹My Gear Set: Sony A6500 Sigma 16mm MacBook Pro 2019 Samson Mic C01U-Pro Logitech Mouse MX Master 2s Apple Magic Keyboard 2 JBL Audio Pulse 3