- Видео 158
- Просмотров 1 479 810
Pixxelex
Индия
Добавлен 16 фев 2021
All About Designing...
For Business: rohanrhn.work@gmail.com
For Business: rohanrhn.work@gmail.com
Pixxelex: 2024 Wrapped ( Figma Tutorials Recap )
Thank you for making 2024 an incredible year for Pixxelex! Your support has helped me grow and create more valuable content for you. Stay tuned for more amazing tutorials and designs. Don’t forget to like, share, and subscribe. See you next year!
Check Out Previous Videos
Advanced Image Slider: ruclips.net/video/LQjaT3Ez4TU/видео.html
Website Parallax Animation: ruclips.net/video/sc3eI-vgsn0/видео.html
Interactive Feedback Animation: ruclips.net/video/c7vN6m7MWW4/видео.html
UI Design Challenges: ruclips.net/p/PLBblYKb7F1vr3b_N8ZuagaJDAaq1zWrfa&si=vYKY0eAWmHI9H4kn
UI Design Resouces: ruclips.net/p/PLBblYKb7F1vpVughMvteE5FP4PSot0sq7
Figma Animation Tutorial Playlist: ruclips.net/p/PLBblYKb7F1vpEIY...
Check Out Previous Videos
Advanced Image Slider: ruclips.net/video/LQjaT3Ez4TU/видео.html
Website Parallax Animation: ruclips.net/video/sc3eI-vgsn0/видео.html
Interactive Feedback Animation: ruclips.net/video/c7vN6m7MWW4/видео.html
UI Design Challenges: ruclips.net/p/PLBblYKb7F1vr3b_N8ZuagaJDAaq1zWrfa&si=vYKY0eAWmHI9H4kn
UI Design Resouces: ruclips.net/p/PLBblYKb7F1vpVughMvteE5FP4PSot0sq7
Figma Animation Tutorial Playlist: ruclips.net/p/PLBblYKb7F1vpEIY...
Просмотров: 270
Видео
Create ADVANCED Image Slider Animation Using Figma | Figma Tutorial
Просмотров 2,5 тыс.28 дней назад
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: ruclips.net/video/7gQ8XsmubsU/видео.html Endless Scrolling Text: ruclips.net/video/QYkdzTGy7uc/видео.html Animated SignUp Page: ruclips.net/video/nnC-ZGB_Rzo/видео.htm...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 3,3 тыс.Месяц назад
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: ruclips.net/video/b5sYBmFI2RE/видео.html Endless Curved Carousel: ruclips.net/video/yk2DflmxmXI/видео.html Up/Down Slider Animation: ruclips.net/video/5cCe3fM6sPc/ви...
Create 4 EASY Interactive Button Animations In Figma | Figma Tutorial
Просмотров 4,3 тыс.2 месяца назад
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: ruclips.net/video/c7vN6m7MWW4/видео.html Advanced Image Slider: ruclips.net/video/D2FZkt7EXnw/видео.html Endless Spinning Carousel: ruclips.net/video/An9...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 3,2 тыс.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: ruclips.net/video/TrApblISEJw/видео.html Full Page Scroll Animation: ruclips.net/video/c6YL6-dsLCE/видео.html Revealing Scroll Animation: ruclips.net/video/Dbvxfq3X47k/в...
MOTIFF: Speed Up Your UI Design 10x Using This AI Tool
Просмотров 2,4 тыс.3 месяца назад
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: ruclips.net/video/D2FZkt7EXnw/видео.html Paralla...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial (With Voice)
Просмотров 8 тыс.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: ruclips.net/video/c7vN6m7MWW4/видео.html Revealing Scroll Animation: ruclips.net/video/Dbvxfq3X47k/видео.html Portfolio UI/UX Design: ruclips.net/video/b5sYB...
Create AMAZING Interactive Button Animation Using Figma | Figma Tutorial
Просмотров 2,3 тыс.4 месяца назад
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: ruclips.net/video/385PVKUUN5Q/видео.html Revealing Scroll Animation: ruclips.net/video/Dbvxfq3X47k/видео.html Sticky Scrolling Animation: ruclips.net/video...
Create Interactive Star Rating Animation In Figma | Figma Tutorial
Просмотров 3,5 тыс.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: ruclips.net/video/_W4oVbPxq5U/видео.html Up/ Down Slider Animation: ruclips.net/video/5cCe3fM6sPc/видео.html Refracted Glass Effect Animation: ruclips.net/video/80IxygJl8C...
How to Create Full Page Website Scroll Animation In Figma | Figma Tutorial
Просмотров 26 тыс.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): ruclips.net/video/b5sYBmFI2RE/видео.html Check Out Previous Videos Parallax Image Slider: ruclips.net/video/_W4oVbPxq5U/видео.html Modern Landing Page UI Design: ruclips.net/video...
Create Full Website UI/UX DESIGN From Scratch In Figma | Figma Tutorial
Просмотров 15 тыс.5 месяцев назад
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) - ruclips.net/video/c6YL6-dsLCE/видео.html Check Out Previous Videos Curved Carousel Animation: ruclips.net/video/yk2DflmxmXI/видео.html Travel Website UI Design: rucli...
Create PARALLAX IMAGE SLIDER Animation Using Figma | FIgma Tutorial
Просмотров 18 тыс.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: ruclips.net/video/r2Ff76AGrtc/видео.html Advanced Card Animation: ruclips.net/video/-CallQaRgYk/видео.html Advanced Image Slider: ruclips.net/video/cPSU3CbH5qE/видео.html ...
Create AMAZING Interactive Button Animation Using Figma | Figma Tutorial
Просмотров 14 тыс.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: ruclips.net/video/QYkdzTGy7uc/видео.html Bouncing Ball Animation: ruclips.net/video/3m0NHZz7ncI/видео.html Floating Button Animation: ruclips.net/video/Aa5QVUHX5J4/в...
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: ruclips.net/video/D2FZkt7EXnw/видео.html Endless Card Carousel: ruclips.net/video/P5qEU73IPr8/видео.html Sticky Sidebar On Scroll: ruclips.net/video/4kTjNGrl9yM/видео.ht...
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: ruclips.net/video/cPSU3CbH5qE/видео.html Card Swiping Animation: ruclips.net/video/G2Ri1aV6ky8/видео.html Sticky Sidebar On Scrolling: ruclips.net/video/4kTjNGrl9...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 7 тыс.6 месяцев назад
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
How To Create CURVED Carousel With Endless Auto Scrolling In Figma | Figma Tutorial
Просмотров 8 тыс.6 месяцев назад
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 тыс.7 месяцев назад
Create Image Slider Animation In Figma | Figma Tutorial
Create ENDLESS CARD CAROUSEL Animation In Figma | Figma Tutorial
Просмотров 6 тыс.7 месяцев назад
Create ENDLESS CARD CAROUSEL Animation In Figma | Figma Tutorial
Create INTERACTIVE Card Hover Animation Using Figma | Figma Tutorial
Просмотров 29 тыс.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
Просмотров 149 тыс.8 месяцев назад
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Create UP/DOWN Image Slider Animation In Figma | Figma Tutorial
Просмотров 19 тыс.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
Просмотров 25 тыс.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,2 тыс.8 месяцев назад
Create Cool HOVER ANIMATION In Figma | Figma Tutorial
Create Unique CARD HOVER Animation In Figma | Figma Tutorial
Просмотров 12 тыс.9 месяцев назад
Create Unique CARD HOVER Animation In Figma | Figma Tutorial
Maaaaaaan ! You make an insane work ! I love your content
Thank you so much 😀
hats off you man😲
Thank you!
amazing! year
Glad you like it!
Awesome ❤
Thanks 🤗
Dude u nailed it🎉
Thank you!
Thank u so much for this ❤️
You're so welcome!
could you send me figma sources
What's the shortcut that used at 3:35? (to exclude the layer)
Hold the Shift key and click on the element to deselect it. (Also in the same way you can select multiple elements)
@@pixxelex Thanks dude...!
Nice video... but this isn't for beginners
is This Software can create Motion Graphic templates?????
tempat download cover film nya dimana bg
i love u you're amazing
Plss give the image assets
very nice tutorial :)
Thank you! 😊
PLEASE HELP I CANT SCROLL ITS
IF I DO THE 2ND ANIMATION I CAN SCROLL IT EVEN MY MOUSE ENTER THE ZONE OF THE 2ND ANIMATION HOW I CAN FIX THIS
😂
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!