Back to Browse

Nested Symbol Navigation Bar | Sketch Tutorial

3.0K views
Feb 10, 2020
4:42

Learn how to animate this here: https://youtu.be/dv8CuerV_Bw In this video I show you how to create and organize a nested symbol in Sketch. I show you how to create a symbol with other symbols inside of it. Then I organize all of the layers to complete overrides seamlessly. For this tutorial I show you how I make the bottom navigation bar for an iOS application into a nested symbol. I first create a symbol for the navigation bar component and then create symbols for the individual tabs with their own on and off states. Using this method the navigation is consistent within the application and overrides can be completed in the inspector panel. I show you how to: - 0:53 Create a symbol - 1:31 Create a nested symbols - 1:35 Organize your symbols - 2:01 Create multiple states - 3:49 Complete overrides Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: https://www.youtube.com/watch?v=D3ZF2... Let's Connect Dribbble: https://dribbble.com/angeladelise Blog: https://medium.com/@angeladelise

Download

0 formats

No download links available.

Nested Symbol Navigation Bar | Sketch Tutorial | NatokHD