Figma Tutorial: Animated Image Carousel Slider

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • Hi there! Learn how to create animated Image Carousel Slider for your landing page using figma Components and Smart animate. I'll walk you through all the steps to create this slider from a simple sketch to a fully-prototyped, eye-catching carousel slider. Image sliders are all the rage in modern web design, and we'll show you how to craft one that not only captures attention but keeps your audience engaged.
    Have questions about figma or prototyping? Drop them in the comments below ⬇
    Want to Collaborate on a Project? Let's Connect!
    📩 Contact me: smartcode200@gmail.com
    🎁 FREE resource file mentioned in this video (Image Carousel Slider UI template):
    www.figma.com/...
    More design tutorials:
    ✅ 3D carousel slider figma: • Landing Page Ui Design...
    ✅ Fashion website design in figma: • Fashion Website Design...
    ✅ Mobile App Design for Travel Agency: • Mobile App Design in F...
    ✅ Food Order Mobile App Design in Figma: • Food Ordering Mobile A...
    Hit the like button if you find this tutorial helpful and subscribe for more UX / UI design tutorials, app design & web designs, and creative inspiration.
    SUBSCRIBE to our channel: / dscodetech
    🔔 Stay Connected:
    Facebook - bit.ly/36KsK8X
    Instagram - bit.ly/3xGDbXR
    ------------------------------------------------------------
    #carouselslider #figmatutorial #uidesigner #webdesign #prototyping
  • Навчання та стиль

КОМЕНТАРІ • 13

  • @emdorki3890
    @emdorki3890 10 місяців тому +2

    You deserve a sub keep making tutorial brother/ sister

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

      Thanks a lot! Stay tuned!

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

    amazing 😊

  • @Utoiday91
    @Utoiday91 9 місяців тому +1

    What software do you use to record your screen? It's really smooth

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

    Where you get images

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

      You can get images from our free figma file

  • @504-chavdarahul6
    @504-chavdarahul6 11 місяців тому +2

    How to use grid system in figma and what purpose of grid system in figma

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

      You can use it to maintain layout order, alignment, and consistency in your design. It's especially useful for creating responsive designs. Select frame and In the right sidebar click Layout Grids to use it

    • @504-chavdarahul6
      @504-chavdarahul6 11 місяців тому +1

      @@DSCodetech thanx for explain keep it up 🔥

  • @504-chavdarahul6
    @504-chavdarahul6 11 місяців тому +1

    Great work

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

      Thank you! Cheers!