Adding Animations for your Figma UI UX designs: 2024 | Figma advanced tutorial in Sinhala (සිංහලෙන්)

In this tutorial, we are going to design a shoe store website with UI and UX design. Here we use Figma as our designing tool. And we mainly focus on the prototype and animating sections in this video. 🚀FIGMA FILE:https://www.figma.com/community/file/... 👉ASSETS:https://drive.google.com/drive/folder... Here are the topics we are going to learn in this figma UI UX designing tutorial. 💡How to download figma and run it in the browser 💡How to create a Figma project 💡Project setup with the layout grids in Figma 💡Designing the UI and adding the images to the Figma project 💡How to create the animating cards using frames in Figma 💡How to prototype the UI design in Figma 💡How to export and share our figma files with the client 🏆Connect with us: 🏡FaceBook:  / webdevsrilanka   🏡linkedin:  / web-designers-srilanka   🏡GitHub:https://github.com/HGSChandeepa 🏡Medium:  / saminchandeepa   🏡email:adomicarts@gmail.com ----------- How to make a frame in Figma How to add grids and columns in Figma How to use shapes in Figma Add images in Figma How to add texts to a design in Figma Label Elements and create groups in Figma How to download Figma for free How to design in Figma How to use Figma in web design How to use Figma in Application design Export files as PNG JPG SVG in Figma Figma Dark mode How to install Figma in windows 10 How to install Figma in windows 11 How to install Figma in windows 7 Figma to HTML and CSS Figma UI design Sinhala Figma UX design Sinhala Figma full course in Sinhala How to create a component in Figma Figma buttons design Text styles in Figma UI/UX design beginner tutorial in Sinhala adobe xd Webdesign Figma tutorial web design Figma Sinhala Figma එක්ක UI/UX designing ඉගෙනගනිමු Figma එක්ක Mobile App එකක් design කරමු prototyping in Figma mobile App Design in Figma Sinhala ui ux design sinhala ui ux figma tutorial sinhala ui ux design sinhala