Figma Tutorial: Animated Image Carousel Slider

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 2023
  • 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/community/file/...
    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 9 หลายเดือนก่อน +2

    You deserve a sub keep making tutorial brother/ sister

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

      Thanks a lot! Stay tuned!

  • @rinkeysharma4404
    @rinkeysharma4404 10 หลายเดือนก่อน +2

    amazing 😊

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

      Thanks 😊

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

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

    • @DSCodetech
      @DSCodetech  7 หลายเดือนก่อน +2

      We use OBS studio

  • @khaleelbasha8585
    @khaleelbasha8585 16 วันที่ผ่านมา +1

    Where you get images

    • @DSCodetech
      @DSCodetech  15 วันที่ผ่านมา +1

      You can get images from our free figma file

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

    Great work

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

      Thank you! Cheers!

  • @504-chavdarahul6
    @504-chavdarahul6 10 หลายเดือนก่อน +2

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

    • @DSCodetech
      @DSCodetech  9 หลายเดือนก่อน +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 9 หลายเดือนก่อน +1

      @@DSCodetech thanx for explain keep it up 🔥