{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-skew-in-figma","route":"/learn/how-to-skew-in-figma","canonical":"https://www.layerpath.com/learn/how-to-skew-in-figma","title":"How to Skew in Figma","h1":"How to Skew in Figma","description":"Discover how to skew objects in Figma with our comprehensive guide. Learn techniques and tips to enhance your design skills effectively.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Skew in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide will walk you through the steps to apply a skew effect to shapes or objects in Figma. Follow the instructions carefully to make the most out of Figma's features for skewing objects."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9gzivcn0070jy0d7qlviod7/tour","canonicalUrl":"https://share.layerpath.com/e/cm9gzivcn0070jy0d7qlviod7/tour","id":"cm9gzivcn0070jy0d7qlviod7"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open Your Figma File"}]},{"type":"text","value":" – Launch Figma and open the design file where you want to apply the skew effect."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Object"}]},{"type":"text","value":" – Click on the shape, text, or image you want to skew."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Convert to Vector (If Needed)"}]},{"type":"text","value":" – For shapes or text, right-click and select "},{"type":"strong","children":[{"type":"text","value":"Outline Stroke"}]},{"type":"text","value":" or "},{"type":"strong","children":[{"type":"text","value":"Convert to Vector"}]},{"type":"text","value":" so you can manipulate anchor points."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Use the Node Tool"}]},{"type":"text","value":" – Click the "},{"type":"strong","children":[{"type":"text","value":"“Edit Object”"}]},{"type":"text","value":" button in the top bar or press "},{"type":"inlineCode","value":"Enter"},{"type":"text","value":" to enter vector edit mode."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Manually Skew Using Nodes"}]},{"type":"text","value":" – Select and drag the corner points diagonally to create a skewed effect. This gives you full control over the shape."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Use Plugins for Easier Skew (Optional)"}]},{"type":"text","value":" – Search for plugins like "},{"type":"strong","children":[{"type":"text","value":"SkewDat"}]},{"type":"text","value":" or "},{"type":"strong","children":[{"type":"text","value":"SkewIt"}]},{"type":"text","value":" in the Figma Plugin Library for more controlled skewing."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – Your object now has a skewed appearance."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9gzivcn0070jy0d7qlviod7/tour","canonicalUrl":"https://share.layerpath.com/e/cm9gzivcn0070jy0d7qlviod7/tour","id":"cm9gzivcn0070jy0d7qlviod7"}],"plainText":["How to Skew in Figma","This guide will walk you through the steps to apply a skew effect to shapes or objects in Figma. Follow the instructions carefully to make the most out of Figma's features for skewing objects.","https://share.layerpath.com/e/cm9gzivcn0070jy0d7qlviod7/tour","Open Your Figma File – Launch Figma and open the design file where you want to apply the skew effect.\nSelect the Object – Click on the shape, text, or image you want to skew.\nConvert to Vector (If Needed) – For shapes or text, right-click and select Outline Stroke or Convert to Vector so you can manipulate anchor points.\nUse the Node Tool – Click the “Edit Object” button in the top bar or press Enter to enter vector edit mode.\nManually Skew Using Nodes – Select and drag the corner points diagonally to create a skewed effect. This gives you full control over the shape.\nUse Plugins for Easier Skew (Optional) – Search for plugins like SkewDat or SkewIt in the Figma Plugin Library for more controlled skewing.\nDone – Your object now has a skewed appearance."]}