Landing Page Ui Design in Figma - 3D Carousel Slider

Поділитися
Вставка
  • Опубліковано 2 лют 2025

КОМЕНТАРІ • 73

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

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

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

    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 Рік тому +4

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

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

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

      i couldn't download it please you can help

  • @manojreddy1831
    @manojreddy1831 11 місяців тому +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  11 місяців тому +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 Рік тому +3

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

  • @jasmijndegryse8690
    @jasmijndegryse8690 5 місяців тому +3

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

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

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

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

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

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

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

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

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

    Where do you get the can from??

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

      You can get the can from our free files

  • @nadaamr2084
    @nadaamr2084 6 місяців тому +2

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

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

      Please check the description again

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

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

    Which is the best plugin to download these kind of images

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

      You can just use free image websites

  • @yedamapreethi2446
    @yedamapreethi2446 5 місяців тому +1

    Sir couldn't find animation button

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

      Click on the Prototype tab on the right side

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

    This Type slider Which library Used sir ?

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

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

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

      any ideas for this regarding which type of used library

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

      Swiper javascript slider

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

    How I can download these images?

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

      You can get free files, check the description

    • @hanzhang-rq9ww
      @hanzhang-rq9ww 27 днів тому

      @@DSCodetech It shows 404 cannot found the file

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

    Couldn't find the source for image

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

      Please see the description

  • @ksthura5646
    @ksthura5646 4 місяці тому +1

    How to do that in html css and JavaScript

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

    After seeing this video multiple times also I don't understand how does the can turn into different colours??

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

      same bro he went to pass through and applied multiply but same I did it did not work for me

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

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

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

    how to do that labels sir?

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

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

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

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

    Bro how to download the file

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

      check the description bro

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

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

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

    goodluck dev hahaha

  • @sivaG-z2l
    @sivaG-z2l 5 місяців тому

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

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

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

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

    Code milega kya

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

    Is it free or paid

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

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

    promo sm 💐

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

    U animate it wrong bro😅