Figma Tutorial: 3D Carousel Slider (+ free files 🎁)

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024

ความคิดเห็น • 364

  • @aditithakur8924
    @aditithakur8924 9 หลายเดือนก่อน +24

    I love how you have mentioned all the shortcuts on the screen you are using throughout the process. Being a beginner, getting stuck in these things is really frustrating. :D

  • @darkyzuwu
    @darkyzuwu 11 หลายเดือนก่อน +53

    This was so fun to re-create side by side with you, ngl finding the right model, the right pictures was much harder than I thought it'd be lol. But it was so much fun, thank you Adrian, you're amazing!

  • @uifry
    @uifry ปีที่แล้ว +24

    "I've been looking for design tutorials, and this video is a gem. The way you share tips and shortcuts is incredibly valuable."

    • @vCreativedesignideas
      @vCreativedesignideas 7 หลายเดือนก่อน +1

      figma shortcuts www.youtube.com/@vCreativedesignideas?sub_confirmation=1

  • @edalson_504
    @edalson_504 ปีที่แล้ว +34

    I'm new to the world of UX/UI and these videos are such an inspiration to me, thank you so much.

    • @uiadrian
      @uiadrian  ปีที่แล้ว +2

      You're welcome Edgardo! 😊

  • @dpahfl
    @dpahfl ปีที่แล้ว +18

    Very cool tutorial, it's crazy all the stuff you can do with Figma!
    One thing I noticed in the end product is that the fruit shadows still show the apple ones, so that's something to keep in mind.

    • @marekwroblewski2967
      @marekwroblewski2967 10 หลายเดือนก่อน

      The shadows seem to be fine in the demonstration at the start. I wonder what the issue is.

  • @AnithaArumugam-m1m
    @AnithaArumugam-m1m ปีที่แล้ว +2

    Hi , Iam a fresher in this UI field and I enjoyed this .. Its really cool and new to learn. Thanks.

  • @leet7305
    @leet7305 ปีที่แล้ว

    I’m a Japanese student. I enjoyed watching this video😊 I will try this animation soon!

  • @haritpatel5001
    @haritpatel5001 ปีที่แล้ว +1

    Loved video, didn't knew that figma can be this awesome.
    Thanks for an amazing content bruh.

    • @Aditya-dv9ln
      @Aditya-dv9ln ปีที่แล้ว

      Can you tell me how he did ungroup the labels at 1:49? I downloaded the image but no idea how to ungroup all the labels

  • @pulnisav.4956
    @pulnisav.4956 2 หลายเดือนก่อน +1

    Woww ❤❤ it's amazing & cool tutorial! I would love to learn this!! Thank you.

  • @L0r110
    @L0r110 ปีที่แล้ว +3

    Thank you so much for your awesome videos and this tutorial as a beginner. It was a success for me and so cool this can be done! Can't wait to try your other tutorials/videos!

  • @sapurachewae9805
    @sapurachewae9805 ปีที่แล้ว +1

    Fabulous! Thank you Adrian. Will be waiting more tutorials from you :D

  • @tietienne82
    @tietienne82 10 หลายเดือนก่อน +1

    Great tutorial, thank you! It's actually simpler than it may seem at first glance!

  • @aquiyahdesigns
    @aquiyahdesigns ปีที่แล้ว +1

    This is really cool. I have been following your designs and instagram for sometime and I must say that you're really creative.

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Glad you like them! 🤝

  • @cephasweror
    @cephasweror ปีที่แล้ว +2

    straight from Linkedin, this is amazing.. Thanks for sharing your amazing techniques, will absolutly try it...
    Sub count +1 😉

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks a lot! 😊

  • @eva_aro
    @eva_aro ปีที่แล้ว +5

    Thank you for this wonderful tutorial! It seems that the link to the files is not available, it appears that the product is not for sale, could you make it accessible again? Thank you very much!!

  • @j.p.3513
    @j.p.3513 11 หลายเดือนก่อน

    Thank you Adrian. That is very help channel for somebody who just begin UX road.

  • @skuiff7578
    @skuiff7578 11 หลายเดือนก่อน

    Love this! You should've added in the three dots at the bottom to show it's a slider

  • @Gostosolucas
    @Gostosolucas 7 หลายเดือนก่อน

    Amazing channel bro congratulations and thanks for the content (I'm from Brazil and I really like your content)

  • @DungBui-mw1ix
    @DungBui-mw1ix ปีที่แล้ว +1

    amazing tutorial
    thank you so much Adrian

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks Dung! I'm glad you liked it :)

  • @thelibraryroom
    @thelibraryroom 10 หลายเดือนก่อน

    Beautiful work Adrian

  • @aftertheearth_
    @aftertheearth_ ปีที่แล้ว

    Awesome! Adrian 😍

  • @Toxicgossiptrain_
    @Toxicgossiptrain_ 6 หลายเดือนก่อน

    Subscribed instantly thanks for the great tutorial

  • @CLAUCLAU
    @CLAUCLAU ปีที่แล้ว

    OMG i'm in love😍😍😍! Thank you!🤩

  • @hariskhalid90
    @hariskhalid90 ปีที่แล้ว

    best explaining video ever saw...

  • @carolinaorozco3038
    @carolinaorozco3038 2 หลายเดือนก่อน

    This was amazing. But how did you export the animated prototype??

  • @magdanestor
    @magdanestor ปีที่แล้ว +1

    Really cool tutorial. Thank you 🔥

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Happy to help! 😁✌️

  • @Katrinbetta
    @Katrinbetta 5 หลายเดือนก่อน

    DID IT! but it was hard in the end ^^ Thanks!

  • @rb.webdesigner
    @rb.webdesigner ปีที่แล้ว

    Hi Adrian! This tutorial is amazing! Now I follow you even here! ✨

  • @bbeenbie2212
    @bbeenbie2212 8 หลายเดือนก่อน

    thanks a lot! this mean to me that i am leaning from the beginner

  • @Arshahdul_ahmed
    @Arshahdul_ahmed ปีที่แล้ว +99

    Meanwhile Dev hands & keyboard burning...

    • @PikoCanFly
      @PikoCanFly 10 หลายเดือนก่อน +4

      That's what I was thinking 😅

    • @kehindesuleiman5738
      @kehindesuleiman5738 9 หลายเดือนก่อน +6

      😂😅.. You are absolutely right oo

    • @gstkrr
      @gstkrr 2 หลายเดือนก่อน

      Absolutely right

  • @dwiananda7701
    @dwiananda7701 ปีที่แล้ว +1

    NICE INFO

  • @nl9324
    @nl9324 6 หลายเดือนก่อน

    Thank you, this is amazing 🤩

  • @LanceMonarch
    @LanceMonarch ปีที่แล้ว +1

    Beautiful

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks you Lance!

  • @israelaguirre7250
    @israelaguirre7250 5 หลายเดือนก่อน

    Hey adrian nice tutorial appreciate it!

  • @alextearez
    @alextearez 10 หลายเดือนก่อน

    Amazing work!

  • @iligoliman
    @iligoliman 7 หลายเดือนก่อน

    Thank you so much, great tutorial.

  • @fley9806
    @fley9806 10 หลายเดือนก่อน +7

    fronted developer is dead after this video💀💀💀☠

  • @onyinyepetersodeiga6719
    @onyinyepetersodeiga6719 ปีที่แล้ว +2

    NICE lecture . for the label i need more insight on how to make it editable before using it for the can. please or do I need to message you directly anywhere please I want to learn

  • @rahulmudhiraj7785
    @rahulmudhiraj7785 7 หลายเดือนก่อน

    u earnd a new subscriber bro

  • @apoorvadas3218
    @apoorvadas3218 4 หลายเดือนก่อน +4

    This was amazing. But how did you export the animated prototype??

  • @crisryantalavero2275
    @crisryantalavero2275 11 หลายเดือนก่อน

    Wwooooooooooooo so smooth and smart.

  • @harshitaarora4874
    @harshitaarora4874 หลายเดือนก่อน +1

    my multiply layer does not work

  • @thevikingsock8527
    @thevikingsock8527 ปีที่แล้ว

    Works for a metal can, bravo.

  • @TheDesignerGuy10x
    @TheDesignerGuy10x ปีที่แล้ว

    That's something very cool 😎

  • @roca9731
    @roca9731 2 หลายเดือนก่อน

    Omg 😍 thank a lot Adrian 🔥 is there a possibility to put in a shopify please?

  • @ifyokocha6288
    @ifyokocha6288 ปีที่แล้ว

    Beautiful 🥳

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thank you! 😊

  • @Explomaya
    @Explomaya ปีที่แล้ว

    Branch into ui/ux design a bit changing from programming i like it so far

  • @HoneyBhatt-g4t
    @HoneyBhatt-g4t 9 หลายเดือนก่อน

    Best tutorial!!!

  • @manuelmatsinhe06
    @manuelmatsinhe06 หลายเดือนก่อน

    Very Nice!
    Susbcribed!

  • @s7lucifer__970
    @s7lucifer__970 หลายเดือนก่อน

    How did u select the label of the fruit soda? I also saw that u skip some lines when u select the pic and go through the Adobe illiterator

  • @vstamilcreations9461
    @vstamilcreations9461 ปีที่แล้ว

    Really a Good work

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thank you! Cheers!

  • @Junaidali-hw7lw
    @Junaidali-hw7lw 3 หลายเดือนก่อน

    Amazing

  • @MAhsan-ji8jp
    @MAhsan-ji8jp ปีที่แล้ว

    Amazing work really appreciated

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thank you! Cheers!

  • @Batatafritaaaa
    @Batatafritaaaa ปีที่แล้ว

    Amazing work

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Thanks a lot Lucas! 😊

  • @thevezevulunderground2079
    @thevezevulunderground2079 ปีที่แล้ว

    thanks for the tutorial

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Any time! :)

  • @HoneyBhatt-g4t
    @HoneyBhatt-g4t 9 หลายเดือนก่อน

    You are amazing!!!

  • @eseosaosagiede
    @eseosaosagiede ปีที่แล้ว +1

    Pls if you have recreated this how did you copy from adobe xd to figma anytime i copy and paste on figma i am unable to edit on figma

  • @valuableafternoon
    @valuableafternoon 5 หลายเดือนก่อน

    First timer here, where can I click the command? Does it have on my keyboard?

  • @hilariacontact1433
    @hilariacontact1433 2 หลายเดือนก่อน

    great, thanks for the video, what is the name of the font to use

  • @andreflores6866
    @andreflores6866 4 หลายเดือนก่อน

    What if you dont have Photoshop and Illustrator? is there another way to edit the texts for the labels?

  • @SarahC-bd1cw
    @SarahC-bd1cw 5 หลายเดือนก่อน

    When I select multiply to get that realistic can effect, nothing changes. What am I doing wrong?

  • @aryansonii__
    @aryansonii__ 2 หลายเดือนก่อน

    I'm exporting this prototype into wix studio but it is not working there, please help me.

  • @med-am
    @med-am ปีที่แล้ว

    Amazing work keep going

  • @valentinaverissimo5584
    @valentinaverissimo5584 ปีที่แล้ว

    Thanks for sharing!

  • @itachiuchiha1real
    @itachiuchiha1real ปีที่แล้ว

    Keep going
    I love it ❤❤

    • @uiadrian
      @uiadrian  ปีที่แล้ว +1

      Thanks 😊 More coming soon!

  • @mucahitmurat6402
    @mucahitmurat6402 8 หลายเดือนก่อน

    such an amazing and informative video, especially you showing which keys you use for what, like the transparancy, was so good and made it wasy to follow. i still have a question though, is there a way to implement my design into a shopify store?

  • @sibipoulose5531
    @sibipoulose5531 3 หลายเดือนก่อน

    when u copy the image o the fruit cedar ssoda from the adobe illustrator to the figma, it copies and paste successfully but in my case the image is not copying to the clipboard itself it says object not supported on this device why

  • @AdamVigas
    @AdamVigas 5 หลายเดือนก่อน

    Its very nice design but... how can i transfer it into a website ? Do i need to hardcore it? wwhat about smart animation etc....

  • @devanshisharma4358
    @devanshisharma4358 2 หลายเดือนก่อน

    loved

  • @ThiagoMonteiro-y7b
    @ThiagoMonteiro-y7b ปีที่แล้ว

    Very cool!

  • @ercaneraslan6926
    @ercaneraslan6926 ปีที่แล้ว

    Thank you so much.

  • @MattWildbore
    @MattWildbore ปีที่แล้ว +3

    Great video - could I ask what screen record software you’re using to show the key presses and following your mouse?

  • @thiru3155
    @thiru3155 2 หลายเดือนก่อน

    When i try to Copy and Paste the Soda can label from Adobe illustrator to Figma it Paste as Image. Please give a Solution.

  • @jinffwwh2127
    @jinffwwh2127 14 วันที่ผ่านมา

    I don't know how to select one object on label can someone help me?

  • @findlife111
    @findlife111 2 หลายเดือนก่อน

    Thank you so much

  • @Study_Serenade
    @Study_Serenade ปีที่แล้ว

    Awesome 🔥

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks 🔥

  • @rahul_lsh
    @rahul_lsh ปีที่แล้ว

    So smooth!!!!

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks Rahul!

  • @Howthatpossible1
    @Howthatpossible1 8 หลายเดือนก่อน

    I can’t change text because by whole photo is selected so how I write on that photo for selected image

  • @md.shakil8449
    @md.shakil8449 ปีที่แล้ว

    Amazing!

    • @uiadrian
      @uiadrian  ปีที่แล้ว

      Thanks a lot :)

  • @sonilramteke668
    @sonilramteke668 6 หลายเดือนก่อน

    awesome 🤩🤩😍😍

  • @MyCozySounds
    @MyCozySounds 4 หลายเดือนก่อน

    i dont have the option, controle buttons cause i got windows. Is there any other way ???

  • @hassanarsalan3759
    @hassanarsalan3759 ปีที่แล้ว

    you are great🥰

  • @VictorFernandez-dd8br
    @VictorFernandez-dd8br ปีที่แล้ว

    Could you make a tutorial to transfer the designs made in figma to wordpress?

  • @0nejah
    @0nejah 3 หลายเดือนก่อน

    looks cool

  • @szenie100
    @szenie100 9 หลายเดือนก่อน

    Thank you for the video! It's so useful for me! But I have met a problem is when I am dragging to another page, I found out that m,y floating fruit didnt drop down as yours, may I know how can I do it? Thank you

  • @divyarajoriya4118
    @divyarajoriya4118 ปีที่แล้ว +1

    Figma file is not opening how can I?

  • @Sergeydk
    @Sergeydk 10 หลายเดือนก่อน

    Crazy falling shadow from a jar. The shadow of a pencil-thick jar. As mechanics for the slider will go, but the visual component leaves much to be desired.

  • @yehjames23
    @yehjames23 3 หลายเดือนก่อน

    May I know what kind of software to achieve desktop magnifier effect at 7:30? Thanks

  • @1073Pramoth
    @1073Pramoth ปีที่แล้ว

    its Amazing Bro -_-

  • @Ordainer30
    @Ordainer30 10 หลายเดือนก่อน

    U getting a free subscriber now

  • @dhruvyadav6635
    @dhruvyadav6635 10 หลายเดือนก่อน

    I'm unable to apply multiply on can and the background, either its applying mask or multiply but not both at the same time, any idea anyone?
    Found the issue, we need 2 images of can, one will be used for masking. Took me full day to figure it out

  • @gayitrishah3738
    @gayitrishah3738 ปีที่แล้ว +3

    Amazing work. Thank you.
    I am facing one difficulty though, my label isn't blending on the can! I am slecting - Label and then multiply but nothings happening. Any suggestions what's going wrong?

    • @anup_potdar
      @anup_potdar ปีที่แล้ว

      same here

    • @umermughal5672
      @umermughal5672 ปีที่แล้ว

      Can you help me please? I try to copy the vector labels from AI to Figma. simple ctrl+c and ctrl+v and it pastes the labels to Figma as image not vector

    • @DogecoinDrink
      @DogecoinDrink 11 หลายเดือนก่อน

      Same issue. Multiply isn't blending the shadows or drops on the can. Nothing is happening. What's going on? Any help?

    • @krishnaparasar3568
      @krishnaparasar3568 9 หลายเดือนก่อน

      I had the same problem, however I was not able to figure it out.
      So I just worked around the problem by using 2 images of the can. 1 is masked and the other without mask. Then the multiply effect works 🤷

  • @suprisexd7267
    @suprisexd7267 9 หลายเดือนก่อน

    pls can you post all the images here its hard to find them

  • @MahadEjaz
    @MahadEjaz 11 หลายเดือนก่อน

    Try using auto layouts in the components. In this way there's not a lot of manual work.

  • @perry_the_platypus200
    @perry_the_platypus200 9 หลายเดือนก่อน

    After user as mask the whole desktop got blank , what mistake did i made ??

  • @rsulresul8969
    @rsulresul8969 ปีที่แล้ว

    Excelente muy bien explicado, me funciono al 100

  • @laptopmoney7158
    @laptopmoney7158 ปีที่แล้ว +1

    so how would you export this to code like react?

  • @minaljoshi7169
    @minaljoshi7169 2 หลายเดือนก่อน

    where can i get the resources from this video

  • @FlyByWheels
    @FlyByWheels ปีที่แล้ว

    top right is right answer for you sir

  • @sookie843
    @sookie843 5 หลายเดือนก่อน

    cant find the free files in description :/