Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Figma Tutorial: Overlays
Play lesson

Tutorials: Prototype while you design - Figma Tutorial: Overlays

4.0 (1)
8 learners

What you'll learn

This course includes

  • 45 min of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Figma is free to use. Sign up here: http://bit.ly/2r4Nx27 With Overlays, you can reuse a single Frame or Component across multiple screens to create consistent interactions without having to duplicate Frames. New to Prototyping? Try watching the entire Prototyping Playlist here: http://bit.ly/2AuKDrw Timestamps: 0:00 - What are Overlays 0:30 - How to use Overlays 1:54 - Overlays in the Properties Panel 2:34 - Manually positioning Overlays 3:00 - Changing the Overlay background color 3:24 - Closing when clicking outside of the overlay 4:17 - Navigating back to original frame 4:50 - Demo 1 - Presentation View 5:39 - Demo 2 - Hamburger Menu, Transitions, and Swap 6:24 - Using Transitions 7:24 - Using the Swap Navigation Type 8:24 - Additional ways to use Overlays 9:05 - Review If you have questions along the way head over to our user forum (https://spectrum.chat/figma) and connect with other Figma users. #Figma #FigmaDesign #FigmaTutorial #Overlays

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere