Member-only story
Mastering the Right Panel: Great Figma Tips and Tricks for Every Product Designer
Take Control of Figma’s Right Panel and streamline Your Design Process with These Essential Techniques
One of the most joyful things I like to do when working in Figma is to discover various options to work more effectively with it.
In this article, I will share some Figma tips that every product designer should know to work more efficiently with the Figma right menu (the formal name is the properties menu) and enhance their Figma design skills using this powerful design tool.
These tips are easy to learn and implement, requiring minimal effort and time while significantly enhancing your Figma workflow. So let’s dive in and explore how to unlock your full potential with Figma’s right panel.
1. Relative calculation sizes
I believe you know that you can select an object and change its size using addition, subtraction, multiplication, or division. (The input also serves as a calculator).
The great thing is that they will change relatively if you select two objects and change their sizes using addition, subtraction, multiplication, or division.
Let’s say you have a square with a 50px size and another square that is 100px size.
If you select both squares and add 10px to their widths, the first square would now have a width of 60px (50+10), and the second square would have 110px (100+10).
As you can see, the size change was relative between the two objects.
These relative calculation sizes can be helpful for UI design tasks when working with objects of different sizes.
2. Align multiple objects
When you have two objects on the screen that you want to align to a certain place (let’s say on a frame), you can select both and hold Shift. The align menu will change while hovering above it, and you can align both as a group. In other words, it will not…
