Infinite Loop Card Swipe Animation in Figma with Interactive Component | Smart Animate
In this video, you'll learn to create an infinite loop card swipe animation with the help of interactive components in Figma.
PS: I have used only one frame to create this interaction.
Duplicate this Figma file to follow along with the tutorial 👇
https://www.figma.com/community/file/1087366425690906814/Infinite-Card-Swipe-Animation
TIMESTAMPS
* Intro 0:00
* Creating Components 0:31
* Connecting with Prototype 5:32
* Closing 6:49
Any questions? Ask away in the comments!
Good luck!
-------------------------------------------------------------------------------
You may like this too
10 Adobe XD Tips & Tricks - Part 1 & 2
https://youtu.be/QwH5xqwClsA
https://youtu.be/6D9qvE9-buo
Present Your Designs Like a Pro
https://youtu.be/Urw02m2b92o
Pulse Loading Animation using Adobe XD
https://youtu.be/LYHxbqAltwM
Glassmorphism Card + 3D Animation
https://youtu.be/R8TuzT4K2Y0
3D Card Animation in Adobe XD
https://youtu.be/NeknuMsgPw8
Dynamic Slider in Adobe XD
https://youtu.be/DKrubuR3hiw
-------------------------------------------------------------------------------
Stay in the loop
Instagram - https://www.instagram.com/stark_trent/
Twitter - https://twitter.com/stark_trent_
Dribbble - https://dribbble.com/stark_trent
Subscribe - https://www.youtube.com/channel/UCajB44LWn_9rnvSW4nvf_Hg?sub_confirmation=1
"Music: www.bensound.com"
-------------------------------------------------------------------------------
Thanks for watching
James & David
Видео Infinite Loop Card Swipe Animation in Figma with Interactive Component | Smart Animate канала Stark Trent
PS: I have used only one frame to create this interaction.
Duplicate this Figma file to follow along with the tutorial 👇
https://www.figma.com/community/file/1087366425690906814/Infinite-Card-Swipe-Animation
TIMESTAMPS
* Intro 0:00
* Creating Components 0:31
* Connecting with Prototype 5:32
* Closing 6:49
Any questions? Ask away in the comments!
Good luck!
-------------------------------------------------------------------------------
You may like this too
10 Adobe XD Tips & Tricks - Part 1 & 2
https://youtu.be/QwH5xqwClsA
https://youtu.be/6D9qvE9-buo
Present Your Designs Like a Pro
https://youtu.be/Urw02m2b92o
Pulse Loading Animation using Adobe XD
https://youtu.be/LYHxbqAltwM
Glassmorphism Card + 3D Animation
https://youtu.be/R8TuzT4K2Y0
3D Card Animation in Adobe XD
https://youtu.be/NeknuMsgPw8
Dynamic Slider in Adobe XD
https://youtu.be/DKrubuR3hiw
-------------------------------------------------------------------------------
Stay in the loop
Instagram - https://www.instagram.com/stark_trent/
Twitter - https://twitter.com/stark_trent_
Dribbble - https://dribbble.com/stark_trent
Subscribe - https://www.youtube.com/channel/UCajB44LWn_9rnvSW4nvf_Hg?sub_confirmation=1
"Music: www.bensound.com"
-------------------------------------------------------------------------------
Thanks for watching
James & David
Видео Infinite Loop Card Swipe Animation in Figma with Interactive Component | Smart Animate канала Stark Trent
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Design Meme Compilation - Part 2](https://i.ytimg.com/vi/MFGaH-2o1OA/default.jpg)
![Cloud Storage App Design & Animation | Speed Process⚡ | Figma](https://i.ytimg.com/vi/v-d1WwG3pvc/default.jpg)
![Awesome Figma Updates 🤩 #Config2022 - Spring Animation, Dark Mode and more...](https://i.ytimg.com/vi/w3AW2ge6K-M/default.jpg)
![Remove an Image Background With One Click in Figma | Using Remove BG Plugin](https://i.ytimg.com/vi/5Y6zbf3iTRI/default.jpg)
![Design Meme Compilation - Part 1](https://i.ytimg.com/vi/ykkOi1jrIhE/default.jpg)
![Create bullet and numbered list in #Figma using this simple trick🥳](https://i.ytimg.com/vi/U8ByC-WB8RE/default.jpg)
![Mobile banking app design speed process](https://i.ytimg.com/vi/tSRXgGEcNto/default.jpg)
![Use this trick to add an Emoji as a text in Adobe XD 🥳](https://i.ytimg.com/vi/SMjOSfBhYNk/default.jpg)
![Import Vectors from Photoshop into Adobe XD using this trick 🙂](https://i.ytimg.com/vi/Le5SVHuOjIs/default.jpg)
![Align objects to Pixel Grid in Adobe XD using this simple trick 😃](https://i.ytimg.com/vi/PQ1FvrPRsNY/default.jpg)
![Create a Heart shape in Adobe XD using this simple trick 😉](https://i.ytimg.com/vi/qGJW33sircs/default.jpg)
![10 Adobe XD Tips & Tricks You Wish You'd Known Earlier! - Part 2 | UI/UX Design | 2022](https://i.ytimg.com/vi/6D9qvE9-buo/default.jpg)
![10 Adobe XD Tips & Tricks You Wish You'd Known Earlier! - Part 1 | UI/UX Design | 2021](https://i.ytimg.com/vi/QwH5xqwClsA/default.jpg)
![Learn how to present your designs like a PRO 😎 #shorts](https://i.ytimg.com/vi/MuVrxaYD7Pw/default.jpg)
![How to present your designs on social media like a Pro! | Using Adobe XD | Beginners Guide](https://i.ytimg.com/vi/Urw02m2b92o/default.jpg)
![Pulse Loading Animation | Dash & Gap | Auto Animate | Adobe XD](https://i.ytimg.com/vi/LYHxbqAltwM/default.jpg)
![Glassmorphism Card + 3D Animation | Glassmorphism 2021 | 3D Transforms | Adobe XD](https://i.ytimg.com/vi/R8TuzT4K2Y0/default.jpg)
![3D Card Animation in Adobe XD | 3D Transforms | Auto Animate](https://i.ytimg.com/vi/NeknuMsgPw8/default.jpg)
![Onboarding Screen Design & Prototype | Auto Animate | UI Design Tutorial [2020]](https://i.ytimg.com/vi/RuiWyvuy2Qk/default.jpg)
![Dynamic Slider Animation in Adobe XD | Auto Animate & Drag | UI Design Tutorial [2020]](https://i.ytimg.com/vi/DKrubuR3hiw/default.jpg)