Create an account to use AI

Create a free account to unlock all features:

Ask questions about videos with AI
Use smart search (AI)
Save your favorite videos
Bookmark your favorite categories
Organize your favorite subcategories
Access your personalized favorites page
Access your conversation history
Personalize your homepage with your favorites

Create an account

Already have an account? Log in

Figma tutorial: Interactive components

Figma

Figma is free to use. Sign up here: https://bit.ly/3msp0OV

Interactive Components is a powerful feature that allows you to define prototyping connections between variants in a component set. In this video, we'll show you the basics of how to create interactive components, and use them in both simple and complex designs.

Checkout our previous Figma variants tutorial video: https://youtu.be/y29Xwt9dET0

Play with interactive components with our community files:

Tripma community file: https://bit.ly/3nWIgV5

Interactive components playground file: https://bit.ly/3pyYlon

Learn more on our Help Center: https://bit.ly/3BTOYTP

Interactive components forum: https://bit.ly/3je2BFQ

Check out additional examples from the Figma Community:

- ピカチュウを走らせましょう🐱 by Ryan.Jyu and 赖赖💓: https://bit.ly/3BLKGxz

- POP IT! by Emil: https://bit.ly/3BPVpay

- 360' Rotate Hero Slider by Dhanushka Thushara: https://bit.ly/30xBhvZ

- UI Microinteractions by Abel Hancock: https://bit.ly/2YSZHiu

Timestamps:

00:00 Variants rewind

00:17 Intro to interactive components

01:37 Additional interactive components examples

01:45 Simple interactive components example

03:27 Override in interactive components

04:25 Interactive components with smart animate

05:30 Interactive components in large-scale designs

08:08 Outro

#Figma #FigmaTutorial #InteractiveComponents

Figma tutorial: Interactive components | Knoovi