How To Create a Responsive & Interactive ACCORDION Component in Figma (Tutorial)
Need personalized help? Book a 1:1 LIVE SESSION with me: https://bit.ly/mavi-private-lessons Today we're going to take a look at creating an interactive and responsive accordion component in Figma that expands and collapses when you click it. I'll also show you how to create a set of accordions (using Auto Layout). Visit my STORE: https://bit.ly/mavi-design-store Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses Explore Mavi Design WALLPAPERS: https://bit.ly/mavi-design-wallpapers Mobile App UI Design Playlist: • FREE Figma Mobile UI Design Series Auto Layout: • AUTO LAYOUT IN FIGMA – (Almost) Everything... Figma Basics: • Figma Basics ———————— © 2022 Mavi Design

▶︎
How To Design a TOGGLE BUTTON with MICROINTERACTIONS (Figma Interactive Component Tutorial)

▶︎
How to Build Perfect Button Systems in Figma (Fast & Scalable)

▶︎
"We are fueling a meat grinder": Klaus von Dohnanyi and Erich Vad on the Ukraine war and Europe

▶︎
Figma Tutorial: Auto Layout | Master Auto Layout in 15 Minutes

▶︎
Figma Tutorial: Master Auto Layout in 30 Minutes | Auto Layout (+ Practice File)

▶︎
Figma Advanced Tutorial: A 2-hour Masterclass

▶︎
How to Create a Website Wireframe in Figma (Beginner Tutorial)

▶︎
Intro to Figma Sites

▶︎
Design This Animated Website Using Figma and AI!

▶︎
SWIPEABLE EDGE (DRAWER) in Figma – Tutorial

▶︎
STOP doing DROPDOWNS like this - Figma variables 2024

▶︎
Create a SINGLE CHOICE (RADIO) Interactive Component in Figma (Tutorial)

▶︎
How to create an interactive accordion component in Figma | Figma UI 2025 |

▶︎
Figma Tutorial: Master Figma Components and Variants in 20 Minutes (Beginner Guide)

▶︎
Set Up a SWIPE TO DELETE Interaction in Figma (Prototyping Tutorial)

▶︎
How to Design Instagram Carousel Posts in Figma (Step-by-Step!)

▶︎
Figma for Edu: Learning Auto Layout workshop

▶︎
Figma Tutorial for Beginners (13-min crash course!)

▶︎
Create a DROPDOWN MENU in Figma (Tutorial)

▶︎
