Back to Browse

Figma Tutorial: Overlays

603.4K views
Dec 3, 2018
10:19

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

Download

1 formats

Video Formats

360pmp412.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Figma Tutorial: Overlays | NatokHD