Improve your Design Workflow (5 Helpful Tips)
Before we get started, don't forget to visit Design Academy aka the best discord server for exclusive articles, design help and much more!
Figma is a fantastic and collaborative tool, however it can be challenging for beginning users to use the interface. When it comes to levelling up, a wide range of Discord Communities are talking more about developing professional branding. This article offers some advice on how to make the most of your crafting abilities when working with the design program Figma. Become a Figma Wizz! 🪄
Hack 1: Using scale to avoid distortion If you are unaware of the scale tool, maintaining pixel-perfect graphics could seem like an impossible endeavour. All you have to do to enlarge your image without losing distortion is select the frame you wish to scale, press "K" on your keyboard, then drag it out. Use an SVG for the greatest likelihood of high quality.
Hack 2: Drag objects from a frame while keeping it inside When dragging an object outside of a frame, the object will gladly remain inside the frame if you press and hold the spacebar. This one is quite straightforward, but it's also extremely useful for accessibility.
Hack 3: Preview colours when using eyedropper To see the colours without setting them in stone when using the eyedropper tool (I) Hold it down instead of tapping or clicking on it. If you want to know what will go with the rest of your creative canvas, previewing colours is really helpful.
Hack 4: Fix line height in a snap If your text has weird line-height and it strives to look wonky and you don't have a specific value to make it space correctly, simply write "auto" into the line-height field and press "enter" then Figma will do the job for you and make it look very beautifully spaced! What a hack!
Hack 5: Auto Lay-out
You must have desired to align your objects automatically without having to take any action before. You can easily align all the objects you've put in the frame utilizing Figma's "Auto-layout" tool by pressing Shift + A on your keyboard. This will correctly separate and align all the objects you've placed.
➜ Check out this video by Figma for more!