Тёмный

Card swipes/ carousels in Figma 

Akash Yadav
Подписаться 20 тыс.
Просмотров 62 тыс.
50% 1

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

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 65   
@akshitks1909
@akshitks1909 6 месяцев назад
Thank you for sharing this tutorial. Just finished following these steps and loved how good it turned out.
@JEdmund81
@JEdmund81 Год назад
Thank you SO MUCH for this awesome tutorial! Made a huge difference in the prototype I'm building.
@saeentist-hb
@saeentist-hb Год назад
this is exactly what I was looking for, thanks.
@AkashYadavUX
@AkashYadavUX Год назад
Glad I could help!
@ajironkeajibola5182
@ajironkeajibola5182 Год назад
pls why did you have to duplicate the screens? why not use a component and variants? Thank you
@levidaragiu
@levidaragiu 18 дней назад
The scaling part is a bit sketchy...can't trust my eyes enough...How do we get precise measurements with the scale tool? It's pretty confusing.
@agnidiptahomroy8656
@agnidiptahomroy8656 7 месяцев назад
How is that possible? How can a single frame accept drag interaction in 2 different directions?
@ahmedrabiul8576
@ahmedrabiul8576 Год назад
Fantastic tutorial , Plz Keep teaching us and best of luck for the further days
@munnanginaveenbabu4386
@munnanginaveenbabu4386 Год назад
Not only nice explanation it's good explanation too❤❤❤
@tanzirhasan5035
@tanzirhasan5035 Год назад
A great tutorial again from you....Thanks a lot 🥰
@AkashYadavUX
@AkashYadavUX Год назад
You’re welcome 😊
@DesignLB
@DesignLB 7 месяцев назад
​@@AkashYadavUXIs it possible to insert the native Figma file for us to practice?
@khushbudas4736
@khushbudas4736 Год назад
Sir I am asking a different question please if you can help me. So my question is that if I want to put my recorded app screen in my case study so how can I crop it because I want to just add the mobile screen which is recorded.🤔
@MayurCreativeStudio
@MayurCreativeStudio 12 дней назад
This is good tutorial, but you can try to create in component as well.
@joshuasaitong9023
@joshuasaitong9023 Год назад
I'm having issue. Im currently designing a website and when I smart animate to the next picture I takes me all the way to the top of the website instead of changing the pictures smoothly. å´please help if anyone knows
@Dev_pandat0004
@Dev_pandat0004 7 месяцев назад
Change the frame
@Learnerz-ep8fw
@Learnerz-ep8fw Месяц назад
bro keeps cooking awesome interaction ui
@BarryHercules
@BarryHercules Год назад
Beautiful effect.
@Charmyng_and_Chubby
@Charmyng_and_Chubby 6 месяцев назад
Thank you Akash for this video, I am in my 17th week as a UX Designer, and this video is very helpful. For some reason I can't figure out why going Back for me never works...It will always get stuck between the last two slides. Can you help when you get a chance? Thank you so much.
@user-gb3rd6wk7z
@user-gb3rd6wk7z 4 месяца назад
How hard is it to implement this in HTML/CSS and javascript?
@debel5971
@debel5971 Год назад
AWESOME!! THANK YOU
@hanankhashir7540
@hanankhashir7540 Год назад
What exactly do you write/ search in shutterstock, pexels to get these kind of images especially the harry potter one and the one you use in the tutorial?
@parthbhadani8694
@parthbhadani8694 Год назад
Hello, akash I have found this very helpful. Thank you so much keep making content like this
@AkashYadavUX
@AkashYadavUX Год назад
My pleasure
@shens_genki5587
@shens_genki5587 5 месяцев назад
Thank you so much for the video! I was also wondering how to keep swiping so that it goes back to the first card?
@rajatnag1548
@rajatnag1548 Год назад
Thank you so much Bhai 🙏
@AkashYadavUX
@AkashYadavUX Год назад
Always welcome
@shivamoeini1920
@shivamoeini1920 Год назад
You are amazing!
@VinodNanaiah
@VinodNanaiah 9 месяцев назад
Absolutely fantastic..thank you!
@NandanaSenarath
@NandanaSenarath Год назад
What a Idea. Amazing
@AkashYadavUX
@AkashYadavUX Год назад
Thank you
@momirvidrica1695
@momirvidrica1695 Год назад
great tutorial!
@AkashYadavUX
@AkashYadavUX Год назад
Thanks!
@akshaychauhan.5678
@akshaychauhan.5678 Год назад
Is there any way we can do this with component's help?
@sanjayviper3494
@sanjayviper3494 Год назад
Really awesome 🥰
@wellpal
@wellpal Год назад
would be cool to see this in a template for after effects as well
@nourfahoud
@nourfahoud 8 месяцев назад
is there a version of this but for a desktop in figma also
@marthat2958
@marthat2958 Год назад
Hi @AkashYadavUX. @AkashYadavUX thank you for this video however it is not working the same for me There is part of this not working for me. You said to 1 - create a frame for the card add the image and content (did you use fill to add the image) group the images 2. line them up beside each other and group - the group icon looks like the frame icon, is it group or frame? 3. i tried both group cmd + G and frame cmd + F and when I drag a framed card off screen, it moves outside the grouped/framed selection which doesn't happen to you - I then move it back down inside on the left layers panel but it becomes permanently invisible bar the outline I resize the framed selection to include it 4. I repeat this step 4 times when I go to prototype and set drag options as you did and play it does not work only the main screen frame moves Please could you write the steps and share if they have changed or advise why although I copy you exactly there are various differences occurring on my end, is it due to new updates it would be useful if you shared what keys you use in future videos - for example when you drag a card from its selection screen are you pressing a key at the same time to keep it within its selection? can you
@JEdmund81
@JEdmund81 Год назад
For #3, you use the shortcut Command + Option + G to create a group frame. I did this wrong the first time and couldn't figure out what I did wrong. I had to rewatch the video to realize I only hit Command + G. Then, when you move your "cards" off screen, move them off using your arrow keys; don't just drag them off with your mouse as it seems to remove it from the frame (as I understand it). Good luck!
@zainabbawa2880
@zainabbawa2880 Год назад
This is super usefull
@lavishak4075
@lavishak4075 Год назад
Informative !
@AkashYadavUX
@AkashYadavUX Год назад
thanks lavisha 🤩
@MoveBeyondMind
@MoveBeyondMind Год назад
Great Tutorial !! Can u also do a tutorial for card swipes / carousel in PRINCIPLE ?😋
@princedaniel8523
@princedaniel8523 Год назад
In this one how to apply after delay to frame because that was disabled
@fadlandaris3326
@fadlandaris3326 Год назад
you are legend man
@AkashYadavUX
@AkashYadavUX Год назад
Thanks bro :)
@fadlandaris3326
@fadlandaris3326 Год назад
@@AkashYadavUX do you have any IG or something so i can connected with you? im 20 years old and right now im learning UI/UX so i got alot of question. or imma just drop the question in this comment section or something?
@nkzzh8135
@nkzzh8135 Год назад
GOOD!!
@Syed_Lord
@Syed_Lord 10 месяцев назад
How to swipe both side?
@Dhwrwm502
@Dhwrwm502 9 месяцев назад
Backflow is not working, i mean only one interaction is working
@vishalyadav630
@vishalyadav630 8 месяцев назад
Awsm
@samnoel9910
@samnoel9910 10 месяцев назад
That's cool bro..I'll add this in my portfolio 😊 thank u❤
@pranjaljain2721
@pranjaljain2721 Год назад
Hey, ur work is amazing....it would be great if u can plz create a video on how to add figma animations prototype on linked
@AkashYadavUX
@AkashYadavUX Год назад
Hey sure! will try to create a video :)
@akshayjain8876
@akshayjain8876 Год назад
Can we create this using components
@AkashYadavUX
@AkashYadavUX Год назад
yes this can be done by creating components. I haven't used components here as I was changing blurs between the card and that will not be straightforward with components :)
@tauriurbanik5509
@tauriurbanik5509 Год назад
Can you do it with figma components?
@AkashYadavUX
@AkashYadavUX Год назад
You can do it with components, I havent used components here because i was shifting between blurs and it doesnt work that well with components in it.
@hanankhashir7540
@hanankhashir7540 Год назад
From where do you get these images?
@AkashYadavUX
@AkashYadavUX Год назад
I mostly get my images from either pexels.com or unspalsh.com For this specific one i got it from shutterstock / getty images (have a paid account).
@hanankhashir7540
@hanankhashir7540 Год назад
@@AkashYadavUX What exactly did you give them prompt / name to get these kind of images? Like the harry potter one and the one you used in the video
@enesdovec2676
@enesdovec2676 Год назад
nice, now tell me how can I made it with css lol
@dontpanicalreadyhappened
@dontpanicalreadyhappened Год назад
Too much shortcuts in the tutorial. Not beginner-friendly
@jannedistor8247
@jannedistor8247 10 месяцев назад
the shortcuts were done to remove redundancy. every essential process is spoon-fed to you, what else do you want?
@dariob.2547
@dariob.2547 Год назад
Really cool, I'm looking for something similar for Adobe XD but can't find it
Далее
Create Any Carousel in Figma (Beginner Tutorial)
10:01
Просмотров 124 тыс.
iPhone 16 - презентация Apple 2024
01:00
Просмотров 55 тыс.
Apple Event - September 9
1:38:19
Просмотров 24 млн
Figma Drag Card Animation
4:26
Просмотров 66 тыс.
Build a glowing Orb effect in Figma
11:18
Просмотров 29 тыс.
Figma Carousel Animation in 8 Minutes
8:05
Просмотров 83 тыс.
Figma Design Tutorial: Hover Over Light Glow Effect
18:37