Hey everyone, hey, this video is all about... my kind of advanced drawing tips and tricks, and techniques... just to help you when you are building things, making things, drawing things... they're all kind of small stuff, didn't really deserve a video on their own... so they get all smooshed into this video, loads of good stuff, let's jump in. My first and favorite one is, when I'm bringing in a bunch of stuff...
so I'm going to import everything from Icons 2... bring it in, go 'Place All'... and they just end up being all on top of each other, you're like, "Huh." I can't use the Tidy Up option, what do I do? If only there was a way to unpack all of these... you can, use your quick actions and type the word "pack"... and you can go vertically or horizontally...
and it just kind of like unsmooshes them, cool, huh... there's obviously vertical and horizontal there... depending on which way you need to go... obviously you know about smart selection and tidy up... we can just drag these to replace them, and the gaps in between... to adjust the sizing.
Next fun useful tip is that when you bring in logos, and they're all weird sizes... I've just used a plugin called Vector Logos, let's bring one in... and you'll notice that, I don't know, you... come through in all different sizes... I'm going to select them all, and the way I kind of beat them into order... is I make sure that the little locking icon is on, Mixed is '100'...
so they're all just 100 pixels now, width, they're all an appropriate size... now this is where a few shortcuts are useful, the Align ones... so they are relatively easy to remember... so hold down the 'Option' key on a Mac, 'Alt' key on a PC... and if you look at your keyboard, this is for English keyboards... can you see, A, S, D, F, and W, they're all on the left hand side...
if you're an old gamer you'll know that these keys got used a lot... for like moving up, down, left, and right... so that works for the alignment. So if I hold down my 'Option' key on my Mac, 'Alt' key on a PC... and if I hit 'W', it's up... it aligns everything to the top, can you see them there...
if I go 'Option S', which is down, it aligns everything at the bottom... if I go... 'undo', 'undo', and if I go 'Option A', it does everything on the right... 'undo' that, 'Option D', is that useful? Kind of, mainly the left and up, A and W. The other two handy ones are, that same key, and there's V and H...
so vertical, horizontal... so you can align them along vertically, along the middle, which is handy... and horizontally that way... there is probably a Distribute Centers shortcut but it's too complicated for me... so mine is 'Command Option V', not too bad... why do I never remember that one?
I don't know, I'll add it to the shortcut sheet. Now for a weird little shortcut is that, let's say that you do spend some time... getting your logos kind of in some sort of order... maybe they don't line up perfectly and you kind of do some sort of... like, interesting, you know, when the weights are... the logos don't quite balance technically right in the middle...
so you do some sort of movement... and you want to align this to something, either the top or the right... if I select these, I'm inside this frame... if I want to right align it to this it's not going to work... what I can do is, watch this, if I hold down my 'Shift' key and I hover above... can you see, shift on, shift off...
basically what it'll do is it'll put it in a temporary group... because what it have to do is group it, then... right align it to select to the side and then ungroup it... and that works but you can temporarily group something... so you hold down the 'Shift' key and it does... basically, that groups it, lets you align it...
it doesn't mess with any of my stuff so without it on just goes, smoosh... but if I hold down 'Shift' key, click on that... it aligns it in this, like temporary group, and I let go, no longer in a group. It obviously works for any of these... puts a temporary group around it and then starts aligning it... let's get this to align vertically...
and horizontally, there you go... all, without having to do a group. Next drawing tricks that I use, I'm going to use the O tool to draw a circle... hold 'Shift', drag it out, I use this quite often, 'Shift X'... basically, what it does is it toggles the Fill with the Stroke... whatever the Fill was, is now the Stroke...
let's make this a little bit more obvious because maybe we'll add a Stroke... it's great when you're designing icons... and you kind of either put it into the wrong one... or you just want to invert it to see what it looks like. So now I've got a couple of more interesting colors... any color, as long as it's a green...
so with it selected, 'Shift X', just toggles between the two, cool, huh... if you've got something that you want to remove the Fill of... it's 'Command /', to get rid of it... you can remove the Stroke by going 'Shift /'... so you, 'Option /', or 'Alt /', this one, 'Shift /'... Stroke gone, or the Fill gone...
or 'Command X', toggles them, cool, huh. While we're talking about Strokes, a little thing that not everyone knows... got a Frame, I'm going to add a Stroke to it... I'm going to 'Shift', move up one to jump 8... and did you know, this little option here, Strokes per side... you can decide, I just want something on the top...
or you can go into here, or you can go into there, go to 'Custom' and say... I just want it on maybe the top and the bottom, 90, a bit much... there you go, Strokes per side of a frame or a rectangle... weird shortcut is, let's say these logos here, they're the same width... but this one's occupying more kind of like visual real estate for me... if you just use your, hold 'Command' key down on your keyboard...
'Ctrl' key on a PC, and use your up and down arrow... it will scale it, it's not like you got to go, up 2, left 2... so it'll go, it'll scale it up a bit and left a lot... if, you hold 'Shift' as well, so hold down 'Command Shift' on a Mac... 'Ctrl Shift' on a PC, up 1, up 2, left two, you can scale things, weird, huh. Another tip is Outline mode, let's say that we make this one white...
it's hard to see, so show outlines, 'Shift O'... will actually just show you like an X-ray version of your documents you can actually see all the details, man, the forward logo is complicated... but all of these, you can start to see, even though it's kind of white on white... that can be really handy when you're trying to align things up... if you're old school Illustrator, 'Command Y'... is the shortcut from Illustrator, that works as well...
'Shift O', I think, works for a little bit more keyboards around the world... and it's Mac and PC... whereas 'Command Y', or 'Ctrl Y' on a PC... sometimes there's two shortcuts to do the same thing. For a little bit more detail, let's go to this one here and let's hide it... so 'Command Shift H' to hide...
or 'Ctrl Shift H' to hide, will just turn the eyeball off... what you can do is, I can't select it, or see it and if I go to Outline mode, 'Shift O', I can't see it either... what you can do is, you can actually turn that on, you can go to Figma... you can go to 'View', there's one in here called 'Outlines', where is it? Outlines, those actually include hidden layers... there you go, so I can actually see this one even though it is hidden...
and I can actually select it in Outline mode... sometimes that's useful, sometimes it's not... but now you know it can be turned on and off, 'Shift O' to get it back on. One last thing is, we know this from earlier, is the spacebar key... whenever you're like drawing with these, let's go 'Shift X'... and you want to get it close to a frame, and it jumps out...
who remembers what the shortcut is, just a little reminder... that's right, if you hold space bar, and you want to get something close... or get it to the edge, like this... hold space bar while you're dragging it... so drag it, drag it, drag it, hold spacebar, it means it'll get... it won't escape the frame that it's in, it's great for these, like, I don't know...
large circles that you need on the edge of the page, there you go. Those are my tips and tricks for drawing in Figma... little roundup for you, how good is pack? So good... all right, that is it, I'll see you in the next video.