Checkbox with Hover Effect | Figma Interactive Components

Checkbox with Hover Effect | Figma Interactive Components

Chinsk Design 7.1K subscribers
1.9K views · 2023-01-24 UI DesignInteraction & UX
In this Figma animation tutorial, I will show you how to make Checkbox with Hover Effect in Figma with Figma Interactive Components. Also, you will learn how to use Frames, Create Component Set in Figma, Checkbox Prototype, While Hovering Animation and Figma Smart Animate.

In this video I show you:

00:00 Intro
00:21 Create Checkbox Components Set
04:04 Checkbox Prototype

======

Watch my others Figma Interactive Components tutorials:

Upload Button Animation: https://youtu.be/jcOSvhSLDWg

Animated Text: https://youtu.be/P0ZV07qPpJk

Bouncy Loading Animation: https://youtu.be/317IDtUwfpg

Snackbar Animation: https://youtu.be/bc13KhDd-nA

Blinking Cursor Animation: https://youtu.be/TZx9BIvMCQ8

Loading Micro Animation: https://youtu.be/yPUacWZtkKs

Accordion Animation: https://youtu.be/NDA_FPARcDk

Notification Animation: https://youtu.be/vIoDgmZ6OaA

Animated Swipe to Remove: https://youtu.be/YHn18oK9O2E

Audio Message Animation: https://youtu.be/bFYsWYlJ_ns

Button Ripple Effect: https://youtu.be/7absYWUNPaY

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