Тёмный

Figma Carousel Animation in 8 Minutes 

DesignWithArash
Подписаться 134 тыс.
Просмотров 86 тыс.
50% 1

Опубликовано:

 

28 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 100   
@DesignWithArash
@DesignWithArash Год назад
👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons): bit.ly/43v79vX
@malejarivera1029
@malejarivera1029 10 месяцев назад
Can you please show how you added more than three images to the carousel like the example at the beginning of the video?
@jimenadiazguzman2045
@jimenadiazguzman2045 3 месяца назад
i was wondering the same!
@dorianneetive8726
@dorianneetive8726 4 месяца назад
I really like the way you explain things. It is simple and easy to understand. Thank you!
@DesignWithArash
@DesignWithArash 3 месяца назад
Happy to hear that! Thank you.
@Alikk784
@Alikk784 5 месяцев назад
this is literally the only video tutorial for material 3 carousel out there. Thank you man thanks alot
@DesignWithArash
@DesignWithArash 5 месяцев назад
No problem.
@Mandeepsingh-mh1lc
@Mandeepsingh-mh1lc 6 месяцев назад
Starting to learn UI/UX design. To get inspiration, watch this video. I don't understand what he's doing 😄.
@lionelmourya
@lionelmourya Год назад
Sir you video was very good and I have tried it also but I would like to say that please say slowly while explaining the prototype part 😅 it was bit confusing and I have to rewatch the part relativity... Other than that thanks 🙏
@DesignWithArash
@DesignWithArash Год назад
No problem. Thanks.
@chekwubeokonkwo1543
@chekwubeokonkwo1543 9 месяцев назад
Hi Arash your videos has helped me a lot in design thank you so much
@DesignWithArash
@DesignWithArash 9 месяцев назад
Hi. No problem. Glad to hear that.
@TheBatman_101
@TheBatman_101 Год назад
but what if i want to put my pics in the same form but instead of 3 I have more than 8 pics, max to max 10 pics, I want to show them in the same way you shown in the video sir, how will I do that for multiple pics
@pakaradeek
@pakaradeek 8 месяцев назад
U can do so by putting extra frame behind the component
@Trina18
@Trina18 10 месяцев назад
this is so amazing and it works perfectly, thank you so much :)
@DesignWithArash
@DesignWithArash 10 месяцев назад
You're welcome!
@emanhamed3855
@emanhamed3855 Год назад
I love it thank yoooou ❤️❤️ love to see more 👏🏻👏🏻👏🏻
@DesignWithArash
@DesignWithArash Год назад
Thank you so much.
@nigarjabrayilova8064
@nigarjabrayilova8064 11 месяцев назад
when you add text in the frame you say to add another auto layout what is the first auto layout?
@jimenadiazguzman2045
@jimenadiazguzman2045 3 месяца назад
how do you make the horizontal navigation?
@mahmoudrezamohammadnejad8286
ببخشید یک سئوال دیگه ، اگر تعداد تصویرها بیشتر بود مثلا شش عدد پروتوتایپ را چطور بدیم که همه تصاویر هر شش حالت ( سایز ) را داشه باشند ؟ اصولا لینک این شش تصویر باید با قاعده ای انجام بشه یا اینکه میتوان رندم به هم وصل کرد ؟ سپاس
@DesignWithArash
@DesignWithArash Год назад
در اون صورت باید تصویر ها از فریم اصلی خارج بشن و تصویر های جدید بیان که یک مقدار پیچیده تر میشه. یک ویدیو در این رابطه دارم. لطف کنید لینک زیر رو چک کنید. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bQ9DS4G9FB8.html
@JolandaRizzi
@JolandaRizzi 4 месяца назад
Thank you 🙏🏽 you just saved my life 😂
@A_sudden_stranger
@A_sudden_stranger 21 день назад
Damnnnnnnn!!!!!!!!!!!!!!!! it's so helpful
@melquizedec
@melquizedec 3 месяца назад
I dont get ti... why Material Design is not ready for this?
@fauzannadeem1569
@fauzannadeem1569 Год назад
Is this possible for the developers ?
@DesignWithArash
@DesignWithArash Год назад
Yes, it is.
@MacarenaGuzmán-l6e
@MacarenaGuzmán-l6e 7 месяцев назад
thank you for sharing!!!
@DesignWithArash
@DesignWithArash 6 месяцев назад
No problem.
@hellomovies1456
@hellomovies1456 Год назад
Hello can you plz tell me how to prototype video export in figma full hd quality?
@DesignWithArash
@DesignWithArash Год назад
Hi. You can just record your screen.
@alyonastepanova8627
@alyonastepanova8627 8 месяцев назад
Thank you so much ☺
@DesignWithArash
@DesignWithArash 7 месяцев назад
No problem.
@MayurCreativeStudio
@MayurCreativeStudio Месяц назад
The Tutorial is Really Good But It is Very Tough
@xxtankiesharpxx-gaming7334
@xxtankiesharpxx-gaming7334 10 месяцев назад
Thanks Bro.
@DesignWithArash
@DesignWithArash 10 месяцев назад
No problem.
@psyntist5620
@psyntist5620 Год назад
how to add multiple pics like in the beginning of the video?
@DesignWithArash
@DesignWithArash Год назад
You just need to add more frames to it with different sizes.
@psyntist5620
@psyntist5620 Год назад
@@DesignWithArash Yes I tried and found myself in a very messy situation😂
@didiademoroti3897
@didiademoroti3897 Год назад
Hi Arash, can you make an infinite scrolling video please? One for text and One for the brand logos that scroll at the bottom of a page that shows the websites clients. I hope that makes sense! Thank you in advance! :)
@DesignWithArash
@DesignWithArash Год назад
Hi. Sure.
@bellanight96
@bellanight96 Год назад
Ti amo❤
@DesignWithArash
@DesignWithArash Год назад
Thank you.
@MichelleMachado-f2q
@MichelleMachado-f2q 7 месяцев назад
Thank yoou!!
@DesignWithArash
@DesignWithArash 7 месяцев назад
No problem.
@lilou8711
@lilou8711 Год назад
Merci
@DesignWithArash
@DesignWithArash Год назад
No problem.
@malejarivera1029
@malejarivera1029 10 месяцев назад
It is nothing like the example. It would be better to teach what you show in the example.
@AdorableEbony
@AdorableEbony 10 месяцев назад
It's the exact thing he demonstrated. Just take enough time to view and practice as you're viewing it
@amangadpale9284
@amangadpale9284 10 месяцев назад
Sorry I went deep into your account, you like 90s rock?
@mohebanwari1832
@mohebanwari1832 Год назад
its the persian accent thats killen me man. hahahah
@carotina1986
@carotina1986 Год назад
thank youuuuuuuuuuuuuuuuuuuu
@DesignWithArash
@DesignWithArash Год назад
No problem.
@nicolasbrun9795
@nicolasbrun9795 7 месяцев назад
NO WORK
@davidkunugi5607
@davidkunugi5607 Год назад
Can you please show how you added more than three images to the carousel like the example at the beginning of the video?
@malejarivera1029
@malejarivera1029 10 месяцев назад
Yes! I couldn't make it work!
@omoteniola9764
@omoteniola9764 Год назад
This is so insightful. Thank you arash🎉🎉 Please how can I apply for your live animations master class
@DesignWithArash
@DesignWithArash Год назад
No problem. Do you mean my Prototyping course?
@omoteniola9764
@omoteniola9764 Год назад
I just want to learn more animations and be good at it. So i want to know if you have a live class for it
@gauravrokade4027
@gauravrokade4027 Год назад
​@@DesignWithArash can I get ur ui ux design course link
@ahumblerequest5222
@ahumblerequest5222 Год назад
I want this effect in after delay, is it possible ?
@chimmy3035
@chimmy3035 Год назад
How to add more images in that carousel.
@carlosmed_
@carlosmed_ Год назад
Quick question, why do you utilize frames over actual shapes inside a frame? I've noticed you tend to use them over shapes and was curious if it helps with the clipping, animations, or if there's some other reason.
@DesignWithArash
@DesignWithArash Год назад
That's a great question. For a variety of reasons. Frames are more flexible. They give you more options in terms of constraints. There are other reasons that are too technical to explain here but I may create a video about it.
@carlosmed_
@carlosmed_ Год назад
@@DesignWithArash Ahhh ok! Idk why i was always under the assumption that frames were just used to frame devices. Now I'm realizing that they have more of a universal aspect of it. A video would definitely be cool as to when to use frames vs shapes. I have a basic understanding but would be cooled regardless. Thanks again for the awesome videos.
@abhinavpawar6794
@abhinavpawar6794 Год назад
Hey I tried your Prototype was 90%Done🎉but last corousal item was not that fluid 🤗
@DesignWithArash
@DesignWithArash Год назад
Hey. Check the resizing option of your items.
@bangmihon
@bangmihon Год назад
This is so insightful. Appreciate you bro.
@DesignWithArash
@DesignWithArash Год назад
Thanks.
@jeppe7275
@jeppe7275 Год назад
Did you ever actually code it, it is beautiful but i have a hard time putting it into code 😛
@paulinenguyen6755
@paulinenguyen6755 2 месяца назад
can you make one with more than 3 pictures?
@shaysframe1472
@shaysframe1472 Месяц назад
Thank you you're a legend!
@YoLoSiH
@YoLoSiH Год назад
its no work brouh
@Dhiiraj0408
@Dhiiraj0408 Год назад
amazing
@DesignWithArash
@DesignWithArash Год назад
Thanks.
@PrasadVarshanMusic
@PrasadVarshanMusic 8 месяцев назад
if i want to make this carousal for more than 3 images, then what should i need to do??
@DesignWithArash
@DesignWithArash 7 месяцев назад
You just need to make the frame bigger and duplicate one of the slides and adjust its size.
@abhidraws
@abhidraws 7 месяцев назад
@@DesignWithArash with all of them being fixed width? or fill container? and should the last frame be the largest??
@PrasadVarshanMusic
@PrasadVarshanMusic 8 месяцев назад
thanks mate for this wonderful lesson, now im going to use it onto my project
@DesignWithArash
@DesignWithArash 7 месяцев назад
No problem. Glad it helped!
@mahmoudrezamohammadnejad8286
سلام ، در قسمت پروتوتایپ نمیشه از حالت افتر دیلی استفاده کرد ؟ سپاس
@DesignWithArash
@DesignWithArash Год назад
نه برای این کرسل چون برای این کرسل باید بتونین عکس هارو خودتون حرکت بدین.
@rp.azarias
@rp.azarias Год назад
why theres no resize option after i created variants?
@DesignWithArash
@DesignWithArash Год назад
Did you use Auto Layout?
@tayyabsohail8823
@tayyabsohail8823 Год назад
Today I read material design this new features and how it actually design in figma from your channel awesome bro this is valuable thing for us.
@DesignWithArash
@DesignWithArash Год назад
Glad to hear that.
@Tarek_sky
@Tarek_sky 11 месяцев назад
It was a good one. I am trying it to replicate the style myself.
@DesignWithArash
@DesignWithArash 11 месяцев назад
Thanks.
@mohadesehnabizadeh5491
@mohadesehnabizadeh5491 Год назад
your videos are very helpful & I'm really inspired by your work. thank you Arash
@DesignWithArash
@DesignWithArash Год назад
My pleasure 😊
@BeatrizMarques80
@BeatrizMarques80 11 месяцев назад
I love your videos, you make it seem really easy, love that, thanks!!
@DesignWithArash
@DesignWithArash 11 месяцев назад
Glad you like them! Thank you.
@TahaKargozar-g6q
@TahaKargozar-g6q 9 месяцев назад
مرسی
@DesignWithArash
@DesignWithArash 9 месяцев назад
خواهش میکنم.
@alexeytretina
@alexeytretina Год назад
Very cool way of using components!
@DesignWithArash
@DesignWithArash Год назад
Thanks.
@k.kaiserahmed8013
@k.kaiserahmed8013 Год назад
As expected, this is op 🎉🎉🎉🙌🙌
@DesignWithArash
@DesignWithArash Год назад
Thanks.
@mahmoudrezamohammadnejad8286
Great
@DesignWithArash
@DesignWithArash Год назад
Thanks.
Далее
Create Any Carousel in Figma (Beginner Tutorial)
10:01
Просмотров 128 тыс.
Avaz Oxun - Yangisidan bor
14:29
Просмотров 434 тыс.
pumpkins #shorts
00:39
Просмотров 7 млн
С какого года вы со мной?
00:13
Просмотров 186 тыс.
Create a SWIPEABLE IMAGE CAROUSEL in Figma (Tutorial)
15:43
If I Started UX in 2024, I'd Do This.
13:15
Просмотров 318 тыс.
Card swipes/ carousels in Figma
18:41
Просмотров 63 тыс.
Figma Tutorial: 3D Carousel Slider (+ free files 🎁)
18:18
Avaz Oxun - Yangisidan bor
14:29
Просмотров 434 тыс.