Interactive Stack of Cards You Can Shuffle By Swiping In Figma

preview_player
Показать описание
In this Figma tutorial we go over how to create an interactive card stack component that you can swipe through and have it animate the cards to the back, or the front depending on your direction!

#figma #tutorial #ux #design #figmatutorial #animation
  1. Darren Northcott - Figma, UX & UI
Рекомендации по теме
Interactive Stack of 0:11:01

Interactive Stack of Cards You Can Shuffle By Swiping In Figma

Thinking on ways 0:23:50

Thinking on ways to solve CARD STACK

🔥 Card Gang: 0:00:11

🔥 Card Gang: Stack of Overlapping Cards with Scroll! 🃏✨

THE AMAZING TRIPLE 0:02:28

THE AMAZING TRIPLE SPIRAL (15,000 DOMINOES)

How the Stack 0:03:46

How the Stack Works in Magic: the Gathering

Card Stack Ui 0:00:20

Card Stack Ui

Figma Stack Card 0:17:07

Figma Stack Card Effect | Isometric Design cards

Make Their Card 0:09:16

Make Their Card Turn Over Without TOUCHING The Deck! Card Trick Performance And Tutorial!

Best Tutorial For 2:09:06

Best Tutorial For Beginners in React.js | Fetch & Show Dynamic Data In Modal In React.js #reactj...

Card Tricks with 0:03:47

Card Tricks with Jeff Bezos

Stampendous Woodsy Stack 0:03:01

Stampendous Woodsy Stack

Halloween Cards | 0:03:45

Halloween Cards | DCWV Happy Halloween Mat Stack

Trinity Stamps Product 0:03:33

Trinity Stamps Product Closeup- Modern Embossed Edge A7 Stack

Reduce Prototypes by 0:05:41

Reduce Prototypes by 50% (Simple trick) | Figma Tutorial

A TRAIN THAT 0:08:00

A TRAIN THAT STACKS DOMINOS?! THIS IS CRAZY! Fun Toy Trains Father and Son!

SVG Explained in 0:02:20

SVG Explained in 100 Seconds

Interactive Letter Factory 0:01:14

Interactive Letter Factory Flash Cards for Tag Junior - Letter Names & Sounds | LeapFrog

How to Keep 0:06:51

How to Keep the Count (with all the distractions of a casino)

Scrapbooking flip album 0:12:26

Scrapbooking flip album 'Delightful' with The Delightful Stack paper collection from DCWV

Create 3D Site 1:02:59

Create 3D Site with Spline and React - Full Course

DIY Numberblocks with 0:10:18

DIY Numberblocks with Mathlink Learn to Count | Number Song 1-10 Counting Up Learning Blocks

How To Make 0:15:40

How To Make A Popup Using HTML, CSS And JavaScript | Create a Modal Box In HTML Website

I Am Going 0:07:22

I Am Going To Read Your Mind - Part 2

How To Create 0:11:25

How To Create Image Gallery In JavaScript | Horizontal Scrolling Using JavaScript

Комментарии
Автор

thank u so much!!! love your voice btw

emibian
Автор

Wish I'd found this weeks ago! Definitely a smarter way of doing it than what I have. Appreciate the tutorials! Subscribed!

JEdmund
Автор

This is the exact tutorial I was looking for ! Thanks

clevermissfox
Автор

Thank you for this tutorial. Is there a glitch with dragging? I followed everything step by step but when I try to drag the first image it drags everything. I double checked that the drag instance was on card 1 and not the whole instance but it wont work for me

JohnnyKristoffersen