Create ACCORDION Card Animation In Figma | Figma Tutorial
Вставка
- Опубліковано 7 вер 2024
- In this video, I tried to show you how to create an accordion card effect using Figma animation. If you found this video useful, don't forget to like, comment, and share this video.
Check Out Previous Videos
Image Up/Down Slider: • Create Image UP/DOWN S...
Gradient Inside A Text: • Create An Animated GRA...
Interactive Button: • Create This Cool Inter...
UI Design Challenges: • Daily UI Design Challe...
UI Design Resouces: • UI Design Resources
Figma Animation Tutorial Playlist: • Playlist
Perfectly clear and useful lesson. Thanks a million!
Glad it was helpful!
all animation in this channel are awesome. I think that you trick work in the same way in Framer. I don't know if you know this tool but, if you create this in this tools I think that it work. Think so create content directly in the website , you need more followers !
Yes, soon I will be uploading tutorials on Framer.
@@pixxelex oh excellent ! You have make a tutorial with Naruto character awesome , I tried to reproduced in framer but I don't know how reproduced and I try . I hope to see that too in framer
Very soon!
Awesome ! @@pixxelex
Please make line bending effect like physics... ❤
Love this tutorial but I found the animation was not working for me - if you're in a similar predicament then try replacing the prototype with: Smart Animate -> Ease in and Out -> 500ms. Also be sure to follow how the clipped elements are eliminated then are re-introduced back into the next frame
Perfect :)
Thanks
i am trying this animation but in the procedure where you are scrolling the side part of nature and bottom part of other cards they are not visible as if they are at the back in the layer but when i am trying to scroll the side bar of my first card its just getting shifted more towards the right side and is still visible. pls help, i really appreciate your videos.
Check the "Clip Content" of the card frame. It should be turned on.
@@pixxelex ok I will try