Create A Draggable Slider In Figma
In this Figma slider tutorial, I'll walk you through the process of creating a draggable slider/carousel prototype for your website design mockups.
I'll start with four basic image cards and then we'll create four different frames, each representing a stage in the slider with a different "active" slide.
We'll then set up the interaction and touch on how we can have the slider move in both directions, so you can easily return to the previous slide.
---------------------------
Disclosure: There are affiliate links below, and I may receive commissions for purchases made through these links.
Tools/Resources I'm Currently Using :
💻 Apple 2023 MacBook Pro Laptop M3 chip
https://amzn.to/47iLnyh
---------------------------
👉 Access the world’s largest library of Figma & Webflow components
https://library.relume.io/?via=brian
---------------------------
Receive 10% off your first year payment with Termageddon
https://bit.ly/40XQMdR
---------------------------
👉Shopify E-commerce
https://bit.ly/4eiPsWd
---------------------------
👉Try Webflow
https://webflow.grsm.io/dn8xly95yi9g
---------------------------
👉 Test your websites on 2000+ browsers with LambdaTest
http://www.lambdatest.com?fp_ref=brian22
---------------------------
👉 Tired of wasting thousands of hours starting from scratch on every project and rebuilding the same components? Check out Untitled UI. Save thousands of hours, and level up as a designer.
https://untitledui.lemonsqueezy.com?a...
---------------------------
👉Sonduck Film Motion Graphic Templates
https://www.sonduckfilm.com/?ref=22
---------------------------
👉 Use BRIAN99512 at checkout and get 20% OFF at FULLERMOE. Watch a demo here! https://fullermoe.com/welcome
---------------------------
👉 Envato Elements
https://1.envato.market/yR6A4b
---------------------------
#figma