Keep reading for FREE
If you're a UI/UX designer or perhaps a web designer, then you might probably know about Figma and what all it has in store for you. But did you know you can now make your task easier with some easy Figma tips and tricks? Well, without building any more suspense, let's hop onto some of my favorite Figma tips and tricks that I can't live without.
Update or add the new auto-layout feature for dynamic resizing of your designs. With the auto layout, you can quickly create buttons, lists, models, etc., with multiple margins and resizing rules that can easily accommodate more intricate components and eradicate the need for tedious spacing edits.
Using a base unit of 8px is often recommended for multiple reasons and must be used consistently for every sizing and spacing task. You can make this more straightforward for yourself and your entire team by simply setting the "nudge amount" in Figma from 10px to 8px. This way, every time you will move or resize an object, it will be in increments of 8.
To use the nudge, hold down the Shift + arrow key, and to adjust the nudge amount, navigate to Menu > Preferences > Nudge amount > 8.
I had no idea about the Bar Graph arc tool until I read about that tool on the FIGMA blog and tried. It makes a minimalist Bar Graph arc and saves time to create arcs like how we did in the old days.
You can use the base components more efficiently by creating and managing components with multiple variants. Each variant will hold its individual nested base component overwritten to create a novel state. This makes bulk updates pretty easy and also ensures 100% consistency.
Use "true/false" or "on/off" labels to switch between two distinct properties. This little trick will make switching variants quicker and closely match how different components work in the code.
For instance : Type=Single-line, State=Default, Optional=Yes
After selecting multiple objects in the table, click the grid icon in the corner to organize your design. This equalizes all distances between objects, allowing you to drag and rearrange objects and adjust their spacing.
Aligning various objects and adjusting the spacing just right can seem pretty tedious and time-consuming. However, fortunately, Figma's "Smart selection" & "tidy" features enable you to do just that in bulk.
With Figma, similar objects can be auto-arranged into a neat list or grid, bulk spaced, and reordered.
It's essential to keep your file organized with a defined naming structure and hierarchy for all your layers. This task is made much quicker with Figma's "Rename Layers" model, enabling you to rename layers in bulk. You can rename each layer to be the same, have a number suffix, add a prefix to distinct names, or rename only part of the layer's name.
To access the Rename Layers model, navigate to Right-click layers > choose "Rename."
Let's face it, having to look for a specific design or master component can sometimes be pretty time-consuming and may also lead to miscommunications and duplicacy.
Therefore, organize your file pages to make navigating and maintaining them quick and easy. Make sure each page has a well-defined name for various design and documentation purposes.
It's no mystery that using keyboard shortcuts is much quicker than using the mouse. Practically every action can simply be initiated with a keyboard shortcut to make working in Figma seem much faster and efficient.
Besides, is there anything worse than seeing a designer struggle with their mouse while they can simply use the shortcut key?
Therefore, challenge yourself to learn a new shortcut every day!
To view keyboard shortcuts: Hit"?" in the bottom right corner of your browser.
To keep your design pixel perfect with the help of a scale tool, simply select all the objects that you want to scale, then hold K on your keyboard and drag.
Earlier I was so reluctant to scale the whole artwork because something always broke, especially the text field, and I'd have to re-adjust the artwork. But now, with the help of the Scale tool, those headaches are no more. All your artwork scales perfectly and maintains the propositions, and you no need to re-work on the artwork.
CMD (CTRL) + / has many practical quick applications that can save you a lot of time in your workflow. If you are not using it, it is strongly recommended that you check what is available on the menu. Unlock all items and change the font.
MORE LIKE THIS
Ready for the next level?
Read Like a Pro
Explore the World’s
Save ideas for later reading, for personalized stashes, or for remembering it later.
# Personal Growth
Take Your Ideas
Just press play and we take care of the words.
No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.
Ideas for your next work project? Quotes that inspire you? Put them in the right place so you never lose them.
2 Million Stashers
Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.
Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.
This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!
Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.
Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.
Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.
I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!
Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.
Read & Learn
Access to 200,000+ ideas
Access to the mobile app
Unlimited idea saving & library
Unlimited listening to ideas
Downloading & offline access
Claim Your Limited Offer
Get Deepstash Pro
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates