Create SPINNING Game Cards in Figma with ZERO Coding

Create SPINNING Game Cards in Figma with ZERO Coding

14 Lượt nghe
Create SPINNING Game Cards in Figma with ZERO Coding
Learn how to create a spinning carousel in Figma using Smart Animate — no code needed. This beginner-friendly Figma tutorial covers how to build animated game character cards with dynamic UI transitions. Perfect for designers, freelancers, and UI/UX learners. Whether you're a designer, student, or UI/UX learner, this video will teach you everything from setup to animation. Timestamps: 00:00 - Introduction to Spinning Animation in Figma 00:24 - Choosing a theme and downloading assets 01:17 - Setting up frames in Figma 01:54 - Dragging elements and adding textures 02:57 - Importing character images 04:05 - Designing dynamic cards with stats 05:15 - Adding navigation buttons 06:18 - Finishing all 3 character cards 06:51 - Prototyping basics explained 07:56 - Linking buttons using Smart Animate 08:56 - Creating spinning transitions 09:35 - Previewing the final result 10:00 - Summary and thank you Tools: Figma, Smart Animate, Google Fonts, Unsplash, Freepik, MidJourney, ChatGPT (for AI images) #figma #uxdesign #animation #nocode #gamedev #knowhowacademy Welcome to KnowHow Academy! We offer practical, hands-on training in the following in-demand technologies: ✔ SQL ✔ Power BI ✔ PowerApps ✔ Power Automate ✔ Digital Marketing ✔ AI/ML ✔ Snowflake ✔ No Code Platforms ✔ Programming Our expert instructors guide you through step-by-step tutorials, helping you build essential skills and advance your career. Join us today and learn from the best! 🟡Python Fundamental Udemy Course : https://www.udemy.com/share/10bAhH3@8VUGsuUsiLOCr1SBdFsZJnEzGSBA6aH7AG3jiXyw-ROz2MY7hSVe-Qk6xbSZnzh4cg==/ Our Other high-demanding Playlist: 👇 🔵Python Tutorial | Python Full Course: https://youtube.com/playlist?list=PLCTSa56BgGfl2ewHZxfpCkyRmdMKsXOL8&si=Fii8J4vZe6GpxZKn 🔵Microsoft Power Apps Full Course for Beginners : https://youtube.com/playlist?list=PLCTSa56BgGflHXRNKt2Nj2tzOXCNy3G3W&si=jzYOl6jRgaboh_AB 🔵Data Science Full Course | Data Science Tutorials : https://youtube.com/playlist?list=PLCTSa56BgGfm5GL-uDJeN9DxRgxRCuzqm&si=g3ocFNvao0cEYQ8n 🔵Power BI Full Course with Real-Life Scenario | Power BI Tutorial : https://youtube.com/playlist?list=PLCTSa56BgGfnr_iEq31XN4vKetQ0PIv2L&si=_LrZ9-jDEKfh5e0D 🔵SQL Full course with Real-Life Scenario | SQL Server Tutorial : https://youtube.com/playlist?list=PLCTSa56BgGfnplE7OeFMy7VXtAxdUw4li&si=ThspGo9c_PWtYoBM Stay Connected with KnowHow Academy here 👇 👉Instagram: https://www.instagram.com/knowhowtrainingacademy/ 👉Twitter: https://twitter.com/coachknowhow 👉Facebook: https://www.facebook.com/KnowHowtrainingacademy/ 👉LinkedIn: https://www.linkedin.com/notifications/?filter=all 👉Website: https://knowhowacademy.in/ ⚠️ Copyright Notice: This content is protected by copyright. Unauthorized use, reproduction, or reuploading is strictly prohibited. #Figma #Animation #SmartAnimate #UIDesign #UXDesign #NoCode #KnowHowAcademy #GameDesign #FigmaTutorial #FigmaPrototyping #it #tech