Floating Action Button (FAB) | Figma Interactive Components

Опубликовано: 23 Октябрь 2024
на канале: Chinsk Design

11,257

245

In this tutorial, I will show you how to make a Animated Floating Action Button (FAB) in Figma with Interactive Components. Also, you will learn how to use Groups, Components, Variants, Prototype and Smart Animate.

In this video I show you:

00:00 FAB UI Design
05:46 Create Group
06:21 Create Component
07:47 Create Variants
08:32 Prototype

======

Watch my others Interactive Components Figma tutorials:

Interactive Hamburger Menu:    • Hamburger Menu Animation | Figma Inte...

Interactive Button:    • Figma Interactive Button Tutorial | P...

Radio Buttons:    • Figma Interactive Components | Radio ...

Checkbox:    • Checkbox | Figma Interactive Componen...

Dropdown Menu:    • Figma Dropdown Menu Tutorial | Prototype

Input Fields:    • Figma Interactive Components | Input ...

Progress Bar:    • Figma Progress Bar Tutorial | Prototype

Toggle Switch Button:    • Figma Toggle Switch Button | Interact...

======

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