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

Поділитися
Вставка
  • Опубліковано 24 лис 2024

КОМЕНТАРІ • 380

  • @aditithakur8924
    @aditithakur8924 11 місяців тому +34

    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

  • @edalson_504
    @edalson_504 Рік тому +37

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

    • @uiadrian
      @uiadrian  Рік тому +3

      You're welcome Edgardo! 😊

  • @darkitowo
    @darkitowo Рік тому +54

    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 9 місяців тому +1

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

  • @andremarques9427
    @andremarques9427 Рік тому +33

    I’m very excited to try this! I’m a beginner in the world of UI/UX and thought this was so cool! I can’t wait. I’ll edit this once I finish it!

    • @uiadrian
      @uiadrian  Рік тому +2

      Have fun testing the files Andre!

    • @andremarques9427
      @andremarques9427 Рік тому +3

      @@uiadrian I finished it! Thank you for this tutorial. I learned a lot and it was a lot of fun! The prototype worked wonderful!

    • @sonicmusic.
      @sonicmusic. Рік тому +1

      @@uiadrian love you bro big fan

  • @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 Рік тому

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

  • @alireza-t5o
    @alireza-t5o Місяць тому +1

    The best teacher, the best videos and the best ideas
    👌👌👍👍

  • @kindnessorimolade641
    @kindnessorimolade641 11 місяців тому +2

    This is the only detailed tutorial I've seen so far on this kind of animation, many thanks❤
    Though when I tried the multiply layer to achieve the realistic look of the can it doesn't work

  • @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!

  • @sepidy
    @sepidy Рік тому +3

    Awesome Tutorial, Adrian! Thank you for inspiring us!
    Today we are challenging ourselves to recreate it on Day [14/30] of our April Design Challenge on FigChallenge!
    🤩🤩🤩

    • @uiadrian
      @uiadrian  Рік тому

      Sounds great! Good luck Guys :)

  • @hariskhalid90
    @hariskhalid90 Рік тому

    best explaining video ever saw...

  • @houceme6143
    @houceme6143 Рік тому

    one of best tutorials if it wasn't the best

  • @majelisdigital
    @majelisdigital Рік тому +2

    Really cool tutorial. Thanks you. I'm from Indonesia.

  • @Believer-yk7th
    @Believer-yk7th Рік тому +4

    I thought it very difficult to do but after watch this tutorial , I did it my first time.I love it your tutorial style ❤❤❤

    • @uiadrian
      @uiadrian  Рік тому

      I'm so glad! Thanks :)

    • @rashmir5731
      @rashmir5731 Рік тому

      Hi can you please tell me how did you edit vector image the fruit cider in adobe, thanks

  • @apoorvadas3218
    @apoorvadas3218 6 місяців тому +4

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

  • @Katrinbetta
    @Katrinbetta 7 місяців тому +1

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

  • @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

  • @mrpredator302
    @mrpredator302 Рік тому

    Finally I found my mentor bro you😊

  • @pulnisav.4956
    @pulnisav.4956 4 місяці тому +1

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

  • @j.p.3513
    @j.p.3513 Рік тому

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

  • @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!!

  • @skuiff7578
    @skuiff7578 Рік тому

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

  • @ariyotemitope9989
    @ariyotemitope9989 7 місяців тому

    this is great i follow the steps and it worth my time... thank your for sharing your knowledge

  • @tietienne82
    @tietienne82 Рік тому +1

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

  • @almusknowsbetter7547
    @almusknowsbetter7547 9 місяців тому

    New subscriber here!! Great to know there are content creators like you brother!! More videos to come!

  • @angelicojohnrago2878
    @angelicojohnrago2878 Рік тому

    Cant wait for you to have a 100k subscribers

    • @uiadrian
      @uiadrian  Рік тому +1

      Thank you Angelico! 😊 Maybe one day!

  • @BeatsbyG2SH
    @BeatsbyG2SH 11 місяців тому

    You've just earned a subscriber. Good work brother.

  • @bbeenbie2212
    @bbeenbie2212 10 місяців тому

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

  • @mktoysreborn
    @mktoysreborn Рік тому +1

    Nice work man. U are amazing. 👏

  • @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!

  • @roca9731
    @roca9731 4 місяці тому

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

  • @Gostosolucas
    @Gostosolucas 9 місяців тому

    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 :)

  • @dariussturge9686
    @dariussturge9686 11 днів тому

    this was awesome

  • @thevikingsock8527
    @thevikingsock8527 Рік тому

    Works for a metal can, bravo.

  • @Toxicgossiptrain_
    @Toxicgossiptrain_ 8 місяців тому

    Subscribed instantly thanks for the great tutorial

  • @rania-design5660
    @rania-design5660 10 днів тому

    Thank you for the wonderful tutorial! I tried downloading the assets, but it looks like they’re missing. Could you check if they’re available?

  • @MoolChanderMool-r6n
    @MoolChanderMool-r6n Місяць тому

    Thanks bro for this tip!😄

  • @mucahitmurat6402
    @mucahitmurat6402 10 місяців тому

    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?

  • @THOMASKJACOB
    @THOMASKJACOB Рік тому

    wow amazing,Thanks for the tutorial Adrian

  • @favouroseh2942
    @favouroseh2942 Місяць тому

    Nice. U could also remove the background directly from freepik.

  • @cephasweror
    @cephasweror Рік тому +2

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

  • @rahulmudhiraj7785
    @rahulmudhiraj7785 9 місяців тому

    u earnd a new subscriber bro

  • @sapurachewae9805
    @sapurachewae9805 Рік тому +1

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

  • @thelibraryroom
    @thelibraryroom Рік тому

    Beautiful work Adrian

  • @crisryantalavero2275
    @crisryantalavero2275 Рік тому

    Wwooooooooooooo so smooth and smart.

  • @filippopietrantonio5854
    @filippopietrantonio5854 Рік тому +2

    Great stuff! How can you replicate the same design on your actual live website and not on figma? I feel that's the challenging part..

  • @aftertheearth_
    @aftertheearth_ Рік тому

    Awesome! Adrian 😍

  • @iligoliman
    @iligoliman 9 місяців тому

    Thank you so much, great tutorial.

  • @donbao
    @donbao 8 місяців тому

    I like this animation! It's cool

  • @saleptetra7161
    @saleptetra7161 Місяць тому

    awsome, can you show us how to smooth the animation back to frame 1 without frame 2 and 3 following?

  • @LanceMonarch
    @LanceMonarch Рік тому +1

    Beautiful

  • @AjasAura
    @AjasAura Рік тому

    SO cool! Def trying

  • @nl9324
    @nl9324 8 місяців тому

    Thank you, this is amazing 🤩

  • @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! 🤝

  • @CLAUCLAU
    @CLAUCLAU Рік тому

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

  • @onyinyepetersodeiga6719
    @onyinyepetersodeiga6719 Рік тому +4

    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

  • @israelaguirre7250
    @israelaguirre7250 7 місяців тому

    Hey adrian nice tutorial appreciate it!

  • @alextearez
    @alextearez Рік тому

    Amazing work!

  • @magdanestor
    @magdanestor Рік тому +1

    Really cool tutorial. Thank you 🔥

    • @uiadrian
      @uiadrian  Рік тому

      Happy to help! 😁✌️

  • @debbsrose
    @debbsrose Рік тому

    I truly appreciate it

  • @dwiananda7701
    @dwiananda7701 Рік тому +1

    NICE INFO

  • @damiojetunji
    @damiojetunji Рік тому

    Thank you so much for sharing! I can’t wait to try this out.

  • @HoneyBhatt-g4t
    @HoneyBhatt-g4t 10 місяців тому

    Best tutorial!!!

  • @artcube_hub
    @artcube_hub 3 місяці тому

    I reely love you this desing

  • @Rayan-rn9wm
    @Rayan-rn9wm Рік тому

    Designer 🤩
    Developer 😵

  • @khemrajunior
    @khemrajunior Рік тому +1

    Really cool thanks for sharing!!!

  • @TheDesignerGuy10x
    @TheDesignerGuy10x Рік тому

    That's something very cool 😎

  • @asjadali7430
    @asjadali7430 Рік тому

    Amazing work brother ❤

  • @Alexisrk
    @Alexisrk Рік тому

    QUE LOCURAAAA!

  • @valentinaverissimo5584
    @valentinaverissimo5584 Рік тому

    Thanks for sharing!

  • @HoneyBhatt-g4t
    @HoneyBhatt-g4t 10 місяців тому

    You are amazing!!!

  • @dilshadgraphicsdesigns3815
    @dilshadgraphicsdesigns3815 Рік тому

    you are awesome man really helpfull tutorial

  • @vstamilcreations9461
    @vstamilcreations9461 Рік тому

    Really a Good work

  • @rb.webdesigner
    @rb.webdesigner Рік тому

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

  • @fudium34
    @fudium34 5 місяців тому

    Bro amazing ty

  • @Batatafritaaaa
    @Batatafritaaaa Рік тому

    Amazing work

    • @uiadrian
      @uiadrian  Рік тому +1

      Thanks a lot Lucas! 😊

  • @farhanuddin8795
    @farhanuddin8795 Рік тому

    Need more those PUNCHY tutorials Adrian!

    • @uiadrian
      @uiadrian  Рік тому

      More coming soon :)

    • @divyarajoriya4118
      @divyarajoriya4118 Рік тому

      @@uiadrian how did you replace the fonts of label mockups

  • @ifyokocha6288
    @ifyokocha6288 Рік тому

    Beautiful 🥳

  • @MattWildbore
    @MattWildbore Рік тому +3

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

  • @Alib-u2d
    @Alib-u2d Рік тому

    DDDDDDDDDDAaaaaaaaaaaaaaaaayyyyyyyyyyuuuuuuummmmmmmmm bro have mastered Figma and silenced UX/UI design freelancers!! the best. definity gonna share and subscribe

  • @med-am
    @med-am Рік тому

    Amazing work keep going

  • @PrashivJoshi
    @PrashivJoshi 14 днів тому

    amazing work ❣❣ , can u please tell me how could i get those images❣???

  • @MAhsan-ji8jp
    @MAhsan-ji8jp Рік тому

    Amazing work really appreciated

  • @aqsaahmad8469
    @aqsaahmad8469 Рік тому

    Amazing work love it 😍

    • @uiadrian
      @uiadrian  Рік тому +1

      Glad you like it! 😁

  • @ercaneraslan6926
    @ercaneraslan6926 Рік тому

    Thank you so much.

  • @thevezevulunderground2079
    @thevezevulunderground2079 Рік тому

    thanks for the tutorial

  • @Ordainer30
    @Ordainer30 Рік тому

    U getting a free subscriber now

  • @Explomaya
    @Explomaya Рік тому

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

  • @kelvinokonye4571
    @kelvinokonye4571 Рік тому

    Thank you for this video.

    • @uiadrian
      @uiadrian  Рік тому

      Glad it was helpful! 😊

  • @ayeshamushtaq9796
    @ayeshamushtaq9796 2 місяці тому

    Nice learning

  • @nord4296
    @nord4296 Рік тому +2

    Amazing work👍🏻 will you do a full Figma tutorial for beginners please? Covering the new update too that would be a great course .. thanks

  • @_digitaldream
    @_digitaldream Рік тому +1

    Bro can u make video on how to properly make landing page???

    • @uiadrian
      @uiadrian  Рік тому

      I'll upload a video about responsive layouts later today!

  • @ThiagoMonteiro-y7b
    @ThiagoMonteiro-y7b Рік тому

    Very cool!

  • @RSKFunda
    @RSKFunda Рік тому +1

    Amazing video, however Shift+Space doesn't work for me on Desktop, any ideas?

  • @itachiuchiha1real
    @itachiuchiha1real Рік тому

    Keep going
    I love it ❤❤

    • @uiadrian
      @uiadrian  Рік тому +1

      Thanks 😊 More coming soon!

  • @Drlwhite
    @Drlwhite 11 днів тому

    You could be a little bit more specific with the details. It wasn't super easy as you said. For example How do you change the fonts in the pictures? Can you do it without Photoshop?

  • @rahul_lsh
    @rahul_lsh Рік тому

    So smooth!!!!

  • @Designxs
    @Designxs Рік тому

    This design is really cool, I must have made a mistake, my prototype was not working properly. I'll try this again ❤