This series is all about learning Interface design by doing. Sketch for Mac is an amazing design tool that has greatly improved a lot of designers workflow. The goal of this series is to help people learn to use Sketch through bite-sized recreations of already established popular designs.
Members of this channel get access to Downloadable Project Files, Exclusive Live-Streams and access to Member-Only Content. Become a member of this channel for access to exclusive perks by hitting the blue JOIN BUTTON above 👆🏼
– Thanks = $1.99/m
– Early Access & Downloads = $4.99/m
– Bonus Content = $14.99/m
Sketch introduced nested symbols in 2016 and it changed the interface design workflow, in my opinion, Learning this new workflow will greatly improve your design consistency and speed. Nested symbols allow you to create a master version of a component and then make as many instances of it as you want
To create a nested Symbol, just drag an existing instance into another Symbol’s master. It’s that simple! Any updates you make to the Symbol’s master will see the changes propagate throughout your design no matter if they’re inside another Symbol or not. As well as dragging an existing instance into a master, and inserting via the toolbar item, you can also select multiple instances of different Symbols and press Create Symbol in the toolbar.
There’s no limit to how deep you can nest Symbols, but please note a Symbol cannot contain an instance of itself.
–
Sketch for Mac –
–
Website
–
////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more…
////////// Connect with me here 👍🏼
Instagram:
Twitter:
Anchor:
Medium:
////////// Sign up for my Monthly Newsletter 📫
////////// Music is from Musicbed click below for a free trial 👇🏼
////////// Equipment 📸
Thanks for covering the canvas issue. I was stuck on that. This is more than a nested objects tutorial!
Awesome, thank you!
I really like your tutorials, they are helpful and you are super cute!!
love this tutorial 😉 you helped me a lot!
Nice, and is it possible to make it also functional in preview of the prototype??? – for example, on click change the element checkob form "checkbox-unchecked" to the "checkbox-checked" ???
Hey Jesse, awesome video! I'm using version 55.2, and I wanted to point out a small difference that might be helpful for other viewers. At the 22:50 mark, I needed to select each symbol, and then pick "Pin to Edge" (for the appropriate edge). Then click both lines of "Fix Size" under the Resizing menu. Hope this helps! 🙂
Amazing tutorial!!! You've literally saved my life today ;D
Great Video!!! Learned a ton.. Thanks!
Man, this app is literally mindblowing. I can't believe I've been stuck in Photoshop for so long. Thanks for the awesome videos mate.
Sketch 54 seems to have gotten rid of the cmd center trick, any advice?
Awesome video, you guys rock!
Thanks for the tutorial Jesse. I'm curious if you know of a way in which I can adjust the size of a rectangle inside a symbol? I'm making a progress bar and I want to adjust the amount of progress so I want to either make the bar longer or shorter depending on how much progress has been made in the section. I've been trying to figure this out for a couple of hours but I've noticed that shapes aren't dynamic like text in Sketch.
Here's what I've tried so far, creating a rectangle as a symbol, nesting it under another symbol and then trying to adjust the width. The only way that I can adjust the width is if the rectangle isn't nested under any other symbol, however, I need it to be. Do you think there's a possible solution for this? I know you're busy but any feedback is appreciated!
Cheers Bro, that has changed my mind about Sketch!
Thank you so much for your videos. I am studying UX/UI Design and all of them are really useful!
Loved it!! Really great job, enthusiastic too! thanks 🙂
Great tutorial. Thanks!
This is awesome! 🙌🏽
Great tutorial, thanks! New Sub here! 🙋🏽♀️
Amazing tutorial, thanks!
Whats with the audio quality
Great video!! Thanks for sharing! What shortcut did you use to resize the text at 3:25?
Hey, could you make one "symbols with colours" please!
Great Tutorial! Thanks! 🙂
awesome tutorial, thanks!
Exactly what I was looking for. Great tutorial!
what's the music?
amazing! good job
awesome video