Figma is a powerful design tool with a myriad of features that allow you to create amazing designs and prototypes. One such feature is skewing, which is the ability to distort an object along an axis. This blog will guide you on how to skew objects in Figma.
Step 1: Select Your Object
To begin with, select the object you want to skew. This could be a shape, image, or any other object within your Figma frame.
Step 2: Open the Transform Settings
Once you’ve selected the object, it’s time to open the Transform settings. These are typically found on the right side of the Figma interface in the Properties panel. If you can’t locate it, you can go to the menu and click on View > Properties Panel to make it visible.
Step 3: Skew the Object
This is where the magic happens! In the Transform panel, you’ll see options for setting the X and Y positions, rotating, and scaling. Unfortunately, there is no ‘skew’ option in this menu. However, don’t fret! There’s a simple trick to skew objects in Figma.
We’ll have to resort to the use of Figma’s vector editing capabilities. So, how do we do this?
1. Double-click on the object to enter Vector Edit mode.
2. Select the top two points.
3. Drag the points to the left or the right to skew your object.
By manipulating the points in vector mode, you can achieve the skew effect. However, remember that this can slightly alter the shape of your object, so use this sparingly and always check the final appearance.
Conclusion
While Figma does not have a built-in skew function, the flexibility of the vector editing mode allows us to skew objects manually. This technique is a testament to Figma’s adaptability, enabling designers to bend its functionalities to their will. As you continue to master Figma, you’ll discover myriad other techniques and workarounds that will take your designs to the next level.