How to do this in Figma?
I've been following Gary's crash course on UI/UX and I've seen him do some stuff that Figma on my machine does different.
Link: https://www.youtube.com/watch?v=QwSN4n2sjR8
So I've noticed when he moves stuff around he often gets those red lines showing him that the element he is moving is being aligned based on other element, and it kind of locks-in on when it aligns perfectly. Now I know it aligns automatically if I hold SHIFT, but how to get those red lines to appear?
Usually happens around 1:11:43
Another thing that happens is that when he moves stuff it always moves by a round number, or a integer.. It will never move by 5.33px or 24.65px.. it will always move by 5px, 9px, 12px etc.. Also usually happens around given timestamp.
Thanks in advance.
DesignCourse
YouTube
The UI/UX Crash Course for 2023 - Learn UI/UX Design
https://bit.ly/3IhZwSx š Learn UI/UX Today. Use "UI2023" for 23% Off!
-- Today, I'm releasing my annual UI/UX crash course. You're going to learn about UI/UX design by creating a landing page for a fictional business called 'Fauxica'. We're going to use Figma (https://figma.com) so be sure to create an account.
Watch the HTML/CSS process of th...
5 Replies
On my Windows it's
alt and then you have to hover over the elementNot exactly what I meant. That just gives me distance from hovered element. What I want are red lines that appear automatically when I move around objects, which should indicate when that object is in alignment with the centers of edges of other objects.
I get that automatically
You must have turned that off somehow if it's what I'm thinking
Got it!
If anyone wondering:
Main Menu > Preferences > Snap to objects
If you select an element in Figma, hold down Shift and then press a direction arrow. Should move the element about 10 pixels at a time.