Swipe to Remove - All Cards | Figma Interactive Components

In this tutorial, I will show you how to make Swipe to Remove (All Cards) in Figma with Figma Interactive Components. To demonstrate the animation (Swipe to Delete / Remove), I will use a Food Delivery App Cart Screen. Also, you will learn how to use Figma Auto Layout, Frames, Components, Variants, Figma Prototype and Smart Animate.

In this video I show you:

00:00 Intro
00:31 Create the Remove Button
01:25 Frame Selection
02:00 Position the Frames
02:38 Create Component
02:53 Add Variant
03:40 Prototype Part 01
04:42 Duplicate Components
06:43 Prototype Part 02
07:53 Figma Auto Layout
08:05 Prototype Part 03

======

Watch my others Figma Interactive Components tutorials:

Automatic Carousel: https://youtu.be/tXEUK6PJiJg

Circle Progress Bar: https://youtu.be/_eBzKeOsaDs

Sound Wave Animation: https://youtu.be/TeRMRl-3TuM

Dynamic Island Animation: https://youtu.be/yh436YFPOm4

Dropdown Menu List: https://youtu.be/s0wq0oacVbg

Animated Modal Overlay: https://youtu.be/nSIaWj_lj10

Time Picker Animation: https://youtu.be/eCut5wH3LJs

Animated Heart Icon: https://youtu.be/MvQ2xMfR060

Animated Swipe to Delete: https://youtu.be/DuP_Zp2KClk

Floating Action Button (FAB): https://youtu.be/R6Zfp0MI6b8

Pulse Loading Animation: https://youtu.be/Jc5JJvcR-mo

Animated Like Button: https://youtu.be/k2lwD4S5_ts

Search Bar (Keyboard Input Animation): https://youtu.be/Oiav0MXU2sQ

Loading Animation: https://youtu.be/f3PS8Y1fiIY

Animated Countdown: https://youtu.be/1ZZZ4_r0uJM

Interactive Star Rating: https://youtu.be/psl1ar21oC8

Interactive Slider: https://youtu.be/Y1Qu5h6w7CU

Interactive Button: https://youtu.be/-BTCL-vHvRA

Radio Buttons: https://youtu.be/k0D1l3lGs_M

Checkbox: https://youtu.be/0jgvOyS3XsQ

Dropdown Menu: https://youtu.be/e3K5ux4hOao

Input Fields: https://youtu.be/wiBarR5SIRA

Progress Bar: https://youtu.be/gIK-07miFOc

Toggle Switch Button: https://youtu.be/N_0X5rb6miY

======

Don't forget to like, subscribe and turn on notifications to watch new ui ux design videos and figma tutorials

Видео Swipe to Remove - All Cards | Figma Interactive Components канала Chinsk Design