Figma tutorial: Interactive components

Published: 26 October 2021
on channel: Figma
547,880
8.1k

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:    • Figma Tutorial: Variants  

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


On this page of the site you can watch the video online Figma tutorial: Interactive components with a duration of hours minute second in good quality, which was uploaded by the user Figma 26 October 2021, share the link with friends and acquaintances, this video has already been watched 547,880 times on youtube and it was liked by 8.1 thousand viewers. Enjoy your viewing!