- 157
- 1 440 355
Pixxelex
India
Приєднався 16 лют 2021
All About Designing...
For Business: rohanrhn.work@gmail.com
For Business: rohanrhn.work@gmail.com
Create ADVANCED Image Slider Animation Using Figma | Figma Tutorial
In this video, I tried to show you how to create an advanced image slider animation using Figma. If you find this video useful, don't forget to like, comment, and share this video.
Check Out Previous Videos
Create Accordion Card: ua-cam.com/video/7gQ8XsmubsU/v-deo.html
Endless Scrolling Text: ua-cam.com/video/QYkdzTGy7uc/v-deo.html
Animated SignUp Page: ua-cam.com/video/nnC-ZGB_Rzo/v-deo.html
UI Design Challenges: ua-cam.com/play/PLBblYKb7F1vr3b_N8ZuagaJDAaq1zWrfa.html&si=vYKY0eAWmHI9H4kn
UI Design Resouces: ua-cam.com/play/PLBblYKb7F1vpVughMvteE5FP4PSot0sq7.html
Figma Animation Tutorial Playlist: ua-cam.com/play/PLBblYKb7F1vpEIYsbTdzTUO3EbMkWOWuc.html
Check Out Previous Videos
Create Accordion Card: ua-cam.com/video/7gQ8XsmubsU/v-deo.html
Endless Scrolling Text: ua-cam.com/video/QYkdzTGy7uc/v-deo.html
Animated SignUp Page: ua-cam.com/video/nnC-ZGB_Rzo/v-deo.html
UI Design Challenges: ua-cam.com/play/PLBblYKb7F1vr3b_N8ZuagaJDAaq1zWrfa.html&si=vYKY0eAWmHI9H4kn
UI Design Resouces: ua-cam.com/play/PLBblYKb7F1vpVughMvteE5FP4PSot0sq7.html
Figma Animation Tutorial Playlist: ua-cam.com/play/PLBblYKb7F1vpEIYsbTdzTUO3EbMkWOWuc.html
Переглядів: 1 818
Відео
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Переглядів 3,1 тис.Місяць тому
In this video, I tried to show you how to create an advanced image slider animation using Figma. If you found this video useful, make sure to like, comment, and share this video. Check Out Previous Videos Full Website UI/UX Design: ua-cam.com/video/b5sYBmFI2RE/v-deo.html Endless Curved Carousel: ua-cam.com/video/yk2DflmxmXI/v-deo.html Up/Down Slider Animation: ua-cam.com/video/5cCe3fM6sPc/v-deo...
Create 4 EASY Interactive Button Animations In Figma | Figma Tutorial
Переглядів 4 тис.Місяць тому
In this video, I tried to show you how to create easy interactive button animations like a pro using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Interactive Star Rating: ua-cam.com/video/c7vN6m7MWW4/v-deo.html Advanced Image Slider: ua-cam.com/video/D2FZkt7EXnw/v-deo.html Endless Spinning Carousel: ua-cam.com/video/An9IqP...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Переглядів 3 тис.2 місяці тому
In this video, I tried to show you how to create a unique image slider animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Advanced Image Slider: ua-cam.com/video/TrApblISEJw/v-deo.html Full Page Scroll Animation: ua-cam.com/video/c6YL6-dsLCE/v-deo.html Revealing Scroll Animation: ua-cam.com/video/Dbvxfq3X47k/v-de...
MOTIFF: Speed Up Your UI Design 10x Using This AI Tool
Переглядів 2,3 тис.2 місяці тому
Discover Motiff, a powerful UI design tool with AI features like UI generation, AI Reduplication, and AI Magic Box to speed up your design process. I have explained about them in this video. If you found this video helpful, don’t forget to like, comment, and share the video. Try Motiff: motiff.com/ Check Out Previous Videos Advanced Image Slider: ua-cam.com/video/D2FZkt7EXnw/v-deo.html Parallax...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial (With Voice)
Переглядів 7 тис.3 місяці тому
In this video, I tried to explain how to create an advanced image carousel animation using Figma. If you found this video useful, don't forget to like, comment, and share the video. Check Out Previous Videos Interactive Feedback Animation: ua-cam.com/video/c7vN6m7MWW4/v-deo.html Revealing Scroll Animation: ua-cam.com/video/Dbvxfq3X47k/v-deo.html Portfolio UI/UX Design: ua-cam.com/video/b5sYBmFI...
Create AMAZING Interactive Button Animation Using Figma | Figma Tutorial
Переглядів 2,2 тис.3 місяці тому
In this video, I tried to show you how to create an interactive button hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Horizontal Parallax Animation: ua-cam.com/video/385PVKUUN5Q/v-deo.html Revealing Scroll Animation: ua-cam.com/video/Dbvxfq3X47k/v-deo.html Sticky Scrolling Animation: ua-cam.com/video/QS...
Create Interactive Star Rating Animation In Figma | Figma Tutorial
Переглядів 3,3 тис.4 місяці тому
In this video, I tried to show you how to create an interactive star rating animation. If you found this video helpful, don't forget to like, comment, and share this video. Check Out Previous Videos Parallax Slider Animation: ua-cam.com/video/_W4oVbPxq5U/v-deo.html Up/ Down Slider Animation: ua-cam.com/video/5cCe3fM6sPc/v-deo.html Refracted Glass Effect Animation: ua-cam.com/video/80IxygJl8Cc/v...
How to Create Full Page Website Scroll Animation In Figma | Figma Tutorial
Переглядів 23 тис.4 місяці тому
In this video, I tried to show you how to create a full-page website scrolling animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. 🔴Portfolio UI Design (Part-1): ua-cam.com/video/b5sYBmFI2RE/v-deo.html Check Out Previous Videos Parallax Image Slider: ua-cam.com/video/_W4oVbPxq5U/v-deo.html Modern Landing Page UI Design: ua-cam.com/video/Fc...
Create Full Website UI/UX DESIGN From Scratch In Figma | Figma Tutorial
Переглядів 14 тис.4 місяці тому
In this video, I tried to show you how to create a personal portfolio website UI design from scratch in Figma. If you found this video useful, don't forget to like, comment, and share this video. Portfolio Web Animation (Part 2) - ua-cam.com/video/c6YL6-dsLCE/v-deo.html Check Out Previous Videos Curved Carousel Animation: ua-cam.com/video/yk2DflmxmXI/v-deo.html Travel Website UI Design: ua-cam....
Create PARALLAX IMAGE SLIDER Animation Using Figma | FIgma Tutorial
Переглядів 16 тис.5 місяців тому
In this video, we will learn how to create a unique parallax image slider animation using Figma. If you found this video helpful, please remember to like, comment, and share. Check Out Previous Videos Interactive Video Hover: ua-cam.com/video/r2Ff76AGrtc/v-deo.html Advanced Card Animation: ua-cam.com/video/-CallQaRgYk/v-deo.html Advanced Image Slider: ua-cam.com/video/cPSU3CbH5qE/v-deo.html UI ...
Create AMAZING Interactive Button Animation Using Figma | Figma Tutorial
Переглядів 13 тис.5 місяців тому
In this video, I tried to show you how to create an interactive button hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Auto Scrolling Text: ua-cam.com/video/QYkdzTGy7uc/v-deo.html Bouncing Ball Animation: ua-cam.com/video/3m0NHZz7ncI/v-deo.html Floating Button Animation: ua-cam.com/video/Aa5QVUHX5J4/v-de...
Create HORIZONTAL PARALLAX EFFECT Animation In Figma | Figma Tutorial
Переглядів 7 тис.5 місяців тому
In this video, I tried to show you how to create a horizontal parallax animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Advanced Image Slider: ua-cam.com/video/D2FZkt7EXnw/v-deo.html Endless Card Carousel: ua-cam.com/video/P5qEU73IPr8/v-deo.html Sticky Sidebar On Scroll: ua-cam.com/video/4kTjNGrl9yM/v-deo.html ...
Create INTERACTIVE Video Hover Animation In Figma | Figma Tutorial
Переглядів 6 тис.5 місяців тому
In this video, I tried to show you how to create an interactive video hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Modern Slider Animation: ua-cam.com/video/cPSU3CbH5qE/v-deo.html Card Swiping Animation: ua-cam.com/video/G2Ri1aV6ky8/v-deo.html Sticky Sidebar On Scrolling: ua-cam.com/video/4kTjNGrl9yM/...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Переглядів 7 тис.5 місяців тому
In this video, I tried to show you how to create an advanced image slider animation, which is likely a swipe animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Interactive Hover Animation: ua-cam.com/video/nk7Bw38qoZw/v-deo.html Endless Spinning Animation: ua-cam.com/video/An9IqPnqu2c/v-deo.html Refracted Glass E...
How To Create CURVED Carousel With Endless Auto Scrolling In Figma | Figma Tutorial
Переглядів 7 тис.5 місяців тому
How To Create CURVED Carousel With Endless Auto Scrolling In Figma | Figma Tutorial
Create ADVANCED Image SLIDER Animation In Figma | Figma Tutorial
Переглядів 6 тис.6 місяців тому
Create ADVANCED Image SLIDER Animation In Figma | Figma Tutorial
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Переглядів 8 тис.6 місяців тому
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Create Image Slider Animation In Figma | Figma Tutorial
Переглядів 7 тис.6 місяців тому
Create Image Slider Animation In Figma | Figma Tutorial
Create ENDLESS CARD CAROUSEL Animation In Figma | Figma Tutorial
Переглядів 5 тис.6 місяців тому
Create ENDLESS CARD CAROUSEL Animation In Figma | Figma Tutorial
Create INTERACTIVE Card Hover Animation Using Figma | Figma Tutorial
Переглядів 28 тис.7 місяців тому
Create INTERACTIVE Card Hover Animation Using Figma | Figma Tutorial
Create ADVANCED Card Animation In Figma | Figma Tutorial
Переглядів 7 тис.7 місяців тому
Create ADVANCED Card Animation In Figma | Figma Tutorial
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Переглядів 146 тис.7 місяців тому
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Create UP/DOWN Image Slider Animation In Figma | Figma Tutorial
Переглядів 18 тис.8 місяців тому
Create UP/DOWN Image Slider Animation In Figma | Figma Tutorial
Create PARALLAX CARD Animation In Figma | Figma Tutorial
Переглядів 10 тис.8 місяців тому
Create PARALLAX CARD Animation In Figma | Figma Tutorial
Create MODERN Landing Page UI Design In Figma | Figma Tutorial
Переглядів 24 тис.8 місяців тому
Create MODERN Landing Page UI Design In Figma | Figma Tutorial
Create REVEALING SCROLL Animation In Figma | Figma Tutorial
Переглядів 9 тис.8 місяців тому
Create REVEALING SCROLL Animation In Figma | Figma Tutorial
Create Cool HOVER ANIMATION In Figma | Figma Tutorial
Переглядів 3,1 тис.8 місяців тому
Create Cool HOVER ANIMATION In Figma | Figma Tutorial
Create Unique CARD HOVER Animation In Figma | Figma Tutorial
Переглядів 12 тис.8 місяців тому
Create Unique CARD HOVER Animation In Figma | Figma Tutorial
Create ACCORDION Card Animation In Figma | Figma Tutorial
Переглядів 10 тис.8 місяців тому
Create ACCORDION Card Animation In Figma | Figma Tutorial
There is no option for flow starting point to add on my screen..please help sir
hey! this is a really entertaining content. But I wonder how to make those navigation bar work nicely with the pages. Like when you tap on it, you will automatically scrolled to the page.
Yeah, we can do that in Figma itself. Will try to cover this in the upcoming video
hey can you plz tell me in detail about what you did at 6:42 sec
Move all the images to the left until the first image is hidden (make sure to enable the clip content of the image-containing-frame ) and increase the size of the second image.
If you dont know how to seperate images in the picture, you dont need to watch it. He is starting with all images which is neccesary and not giving informations about it.
Thank you!
You're welcome!
Please make 3d website tutorial in figma
Sure will make a tutorial on this
Bro I cannot select the second frame on drag, it just doesn't happen
where did you find illustration ?
Check description
Nice 👍👍 thank you so much 👍👍
Welcome 😊
The whole key is On-Drag and Smart Animate.
On point tutorial without all the extra fluff. Instant subscriber
Thank you!
bro please also add some figma links for better practice and one more thing you are amazing
amazing
Instead of the noise, why don't you just explain. Mtcheww!
hi, so i recreated this perfectly thanks to you but the only issue is that my portraits frame is just appearing in instead of transitioning in. pls helpppp
Please check both the 1st and 2nd frames to ensure that all the names of the portrait images match. If they do not, rename all the portrait images in the first three frames so that their names are consistent across these frames.
@ thank you!
Thank you very much!
You're welcome!
You're doing a great job, mate! The animation is clean, engaging, and easy to follow. I’d suggest incorporating tips and tricks for transitioning elements from outside the frame. This will make it even easier for viewers to practice alongside and enhance their learning experience. Keep it up!
Thanks mate, will do!
the only bad thing about this video is the annoying background music, otherwise its a 10.
Thank you for your feedback
There must be a better way to do this but I haven't found it (yet).
Thanks bro it’s really helpful!🥹❤️
Glad to hear that!
Best best best best best thank you so much ❤❤❤❤
Most welcome 😊
this really awesome video suggestion don't speed up
Noted. Thank you!
Muchas gracias!
thanks man its helped me a lot 😇
Glad it was helpful!
NO MOVING CHANGE DRAG TO ON CLICK IT WILL FIX !
It works nicely, but it scrolls quite fast for some reason do I need to put in more pictures to make it slower?
You can try that way but unfortunately we can't make it more slower
@pixxelex oh no sorry. What I meant was that your scrolling effect was nice and slow... For some reason mine is really fast even though I have around 7 pictures (+ another 7 from the copy paste).
how to make it auto layout to adapt it to different sizes
very useful thank you
Glad it was useful!
Hey man, which part should I drag into my main frame?
Thank you for the work you do. I will appreciate a voice over, to a music.
Sure! will do a voice over version for this one
I'm having a problem In the second frame when you move the first image so that second image becomes the first. When I try to move the first picture it is not disappearing like in the video it overlapping the ruler
Make sure to enable the clip content of the frame which contain images.
A big thanks to you brother.
Glad it was helpful!
THANK YOU! This was the best video on how to do this🙏
Glad it helped!
Can you please make an tutorial on full animation of this web like buttons and everything till the end please❤
I've made videos on it. From UI/UX design to animation. You can check them here 👇 Full Website Design: ua-cam.com/video/b5sYBmFI2RE/v-deo.html Full Page Animation: ua-cam.com/video/c6YL6-dsLCE/v-deo.html
how i can move image like you
Please watch the tutorial carefully, I have explained all the steps
I can see the years of hard work and experience amazing work !!!!!!!!!!!!!
Thank you!
we need source code like images
This is the only UI design, we can't convert it directly to the code.
I didn't get it at all
Awesome
Thank you!
hey thanks to continue this series thank you very much please continue this series its very helpful for me
Sure!
👏👏👏
Does it work for mobile?
No
Hey i like your videos please create more animation like this and make advance animation
Sure! and Thank you for watching my videos ❤
hey, thanks a lot for the video, after the 10k ms my animation stop for like 1 or 2 sec do u know why ?
Set the prototype settings as "Instant" for the last frame as shown in the tutorial
Why i didn't find the constraint feature? Is that because i'm using the web version?
Figma has changed its UI. You will find the constraint settings under the position section
PERFECT
Thank you!
how to attach this as component in a frame?
i also wonder
Wow!!!
Thank you!
Nice. Pls what is the hex code for the colors you used?
Thanx, you can find the color codes from the tutorial
how did you moved the text from landscape to potraits into other duplicate one
Please watch the tutorial carefully, I have explained all the steps