Landing Page Ui Design in Figma - 3D Carousel Slider

Поділитися
Вставка
  • Опубліковано 18 жов 2024
  • Explore the art of landing page design, UI/UX, and web design in Figma. Design a stunning fruit landing page with 3D Carousel Slider in figma. learn how to design a landing page, crousel interaction in figma, figma landing page animation, ui design in figma.
    Try FigJam AI for free-Sign up now!
    👉 psxid.figma.co...
    Get figma and design this amazing landing page!
    👉 psxid.figma.co...
    Join us as we embark on an exciting journey through the world of landing page UI design using the powerful Figma tool. Stay tuned for a plethora of engaging content, from Figma animation effects and interactive prototypes to insightful web design concepts, Figma tutorials and much more.
    Don't forget to like and subscribe for more web design videos!
    SUBSCRIBE to our channel: / dscodetech
    More design tutorials:
    ✅ Cake App Design in Figma: • Cake Ordering Mobile A...
    ✅ Coffee App Design in Figma: • Coffee Ordering Mobile...
    ✅ Shoe App UI/UX Design in Figma: • UI/UX Design and Proto...
    ✅ Food Order Mobile App Design in Figma: • Food Ordering Mobile A...
    ✅ Ecommerce website UI/UX: • Amazing Ecommerce Webs...
    Also, please share your thoughts and questions in the comments section below. I'm happy to help!
    Download FREE design file: bit.ly/26UITem...
    Say hi on social:
    🔵 Facebook - bit.ly/36KsK8X
    🟢 Instagram - bit.ly/3xGDbXR
    --------------------------------------------------------------------------------
    #landingpage #uiuxdesign #webdesign #figmadesign #learnfigma #figmaeffects

КОМЕНТАРІ • 68

  • @DSCodetech
    @DSCodetech  10 місяців тому +4

    Use Figma to design this amazing landing page (+ free files 🎁)
    👉 psxid.figma.com/dkbklpwripx3

  • @englishman4407
    @englishman4407 Рік тому +8

    The landing page is so beautiful. You're such a great designer. Today i downloaded your free design file and designed by myself so I've learned to create a 3d carousel slider using figma by watching your tutorial. Thanks for you to providing valuable content.

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

      Wonderful!

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

      i couldn't download it please you can help

  • @dimitrideag5377
    @dimitrideag5377 Рік тому +5

    I've been waiting so long for this 3D Carousel tutorial and finally you made it. I have learned and practiced by myself. It was a super amazing 3D slider. So I'd like to see your next tutorial :)

  • @shamnas6088
    @shamnas6088 11 місяців тому +4

    Designing is a credible awesome passion for Developers.. Fantastic design work

  • @jasmijndegryse8690
    @jasmijndegryse8690 Місяць тому +2

    Hi, thanks for this tutorial! Is it possible to integrate this design to elementor pro? I've never heard of figma before!

    • @DSCodetech
      @DSCodetech  Місяць тому +1

      Yes of cource! you can use a Figma to Elementor plugin

  • @manojreddy1831
    @manojreddy1831 7 місяців тому +3

    I have kept prototype to drag for every frame.
    One - second - third.
    It's going from one to second, second to third, and third to second. But just repeating second to third again and again without going to first frame.
    What to do brother?

    • @DSCodetech
      @DSCodetech  7 місяців тому +2

      Got it, just get the free source file and recreate the design exactly as it appears in the source file

  • @dodo_xcx
    @dodo_xcx 10 місяців тому +3

    Are the labels pngs? i tried to make my own but when i transfer them to the colored squares the colors disapear

    • @DSCodetech
      @DSCodetech  10 місяців тому +1

      Yes labels are pngs

  • @Reece011
    @Reece011 2 місяці тому +1

    How do you group select everything like you did with name contact shop

    • @DSCodetech
      @DSCodetech  Місяць тому +1

      To group select hold shift while clicking.
      To make a group click Cmd+G

  • @AadityaRajbanshi-n5c
    @AadityaRajbanshi-n5c Рік тому +2

    hey can you please tell from where did you download these resources from like fruits, Can??

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

      From free image websites. also you can download the source file, link in the description!

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

    Great content, how did you turn the can?

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

      To turn the can use the label component and adjust the labels as you can see in the video!

  • @ganeshbscit757
    @ganeshbscit757 3 місяці тому +1

    Which is the best plugin to download these kind of images

    • @DSCodetech
      @DSCodetech  3 місяці тому +1

      You can just use free image websites

  • @Reece011
    @Reece011 2 місяці тому +1

    Where do you get the can from??

    • @DSCodetech
      @DSCodetech  Місяць тому +1

      You can get the can from our free files

  • @ksthura5646
    @ksthura5646 22 дні тому +1

    How to do that in html css and JavaScript

  • @nadaamr2084
    @nadaamr2084 3 місяці тому +1

    can you help me to get file design as i couldn't download it from github

    • @DSCodetech
      @DSCodetech  3 місяці тому +1

      Please check the description again

  • @yedamapreethi2446
    @yedamapreethi2446 Місяць тому +1

    Sir couldn't find animation button

    • @DSCodetech
      @DSCodetech  Місяць тому +1

      Click on the Prototype tab on the right side

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

    please be kind to mention about the source images.thank you❤️

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

      You can download them in the description

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

      @@DSCodetech I
      Download the file but i can" t open that 🥲.

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

      why?

  • @priyadhakal9542
    @priyadhakal9542 2 місяці тому +1

    Couldn't find the source for image

    • @DSCodetech
      @DSCodetech  2 місяці тому +1

      Please see the description

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

    How to download this page... Because when i export my figma page these prototype do not working😢please help....🙏

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

      prototype only works in figma, you can export the design. if you need that prototype you have to develop the landing page

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

      @@DSCodetech how I can develop the landing page.....
      Can you please explain it....

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

      to develop the landing page you can use html css and Js

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

    This Type slider Which library Used sir ?

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

      You can use any library that can create this type of slider

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

      any ideas for this regarding which type of used library

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

      Swiper javascript slider

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

    sir please reply me sir i don't understand on layer multiple please you can help me

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

      ok. what do you mean layer multiple? I can better help you, if you could mention the part (timestamp) of the video!

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

    how to do that labels sir?

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

      It's easy to do. Make a component from them

  • @rickyamante9033
    @rickyamante9033 5 місяців тому +2

    goodluck dev hahaha

  • @Adarsh_gupta1317
    @Adarsh_gupta1317 3 місяці тому +1

    Code milega kya

  • @sivaG-z2l
    @sivaG-z2l Місяць тому

    i need png images using this video can you plsss send it

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

      You can get them from our free file, please check the description

  • @umaagrawal1417
    @umaagrawal1417 6 місяців тому +1

    Bro how to download the file

    • @DSCodetech
      @DSCodetech  6 місяців тому +1

      check the description bro

    • @umaagrawal1417
      @umaagrawal1417 6 місяців тому

      @@DSCodetech i have checked but how can i download from GitHub then

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

    Is it free or paid

  • @fact2hackM
    @fact2hackM 8 місяців тому +1

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

    promo sm 💐

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

    U animate it wrong bro😅