Skew Objects

About this plugin

DescriptionSkew Objects provides precise control over horizontal and vertical skewing of Figma objects through an easy-to-use interface. The plugin applies real-time transformations using transform matrices, allowing you to preview changes instantly before committing them to your design.Key FeaturesReal-time Preview: See skew transformations applied instantly as you adjust valuesDual-axis Control: Independent horizontal (X) and vertical (Y) skew adjustmentsPrecise Input: Use sliders for quick adjustments or number inputs for exact valuesRange: Skew angles from -45° to +45° with 0.1° precisionQuick Reset: Individual reset buttons for each axisNon-destructive: Cancel to revert all changes before applyingMulti-selection Support: Apply skew to multiple objects simultaneouslyㅤㅤUser GuideGetting StartedSelect Objects: Select one or more objects in your Figma canvas that you want to skewLaunch Plugin: Go to Plugins → Skew Objects (or use the keyboard shortcut if configured)Adjust Skew: Use the controls to apply your desired skew transformationApply or Cancel: Click OK to apply changes or Cancel to revertInterface ControlsHorizontal Skew (X-axis)Slider: Drag to adjust horizontal skew from -45° to +45°Number Input: Type exact values for precise controlReset Button (✕): Click to reset horizontal skew to 0°Right-click: Right-click on slider or input to quickly reset to 0°Vertical Skew (Y-axis)Slider: Drag to adjust vertical skew from -45° to +45°Number Input: Type exact values for precise controlReset Button (✕): Click to reset vertical skew to 0°Right-click: Right-click on slider or input to quickly reset to 0°ㅤㅤStep-by-Step UsageBasic Skew ApplicationSelect the object(s) you want to skewRun the pluginAdjust the Horizontal Skew slider to skew along the X-axisPositive values skew rightNegative values skew leftAdjust the Vertical Skew slider to skew along the Y-axisPositive values skew upwardNegative values skew downwardClick OK to apply the transformationCreating Perspective EffectsSelect a rectangle or text objectRun the pluginSet Horizontal Skew to around 15-20° for a right-leaning perspectiveOptionally add slight Vertical Skew (5-10°) for depthClick OK to applyIsometric DesignSelect your objectRun the pluginFor isometric left face: Set Horizontal Skew to -30°For isometric right face: Set Horizontal Skew to 30°Click OK to applyAdjusting Existing SkewSelect an object that already has skew appliedRun the pluginThe current skew values will be displayed in the inputsAdjust as needed or reset individual axesClick OK to apply new valuesㅤㅤTips & TricksKeyboard Input: Click on the number input and use arrow keys for fine adjustmentsQuick Reset: Right-click on any slider or input to instantly reset that axis to 0°Preview Mode: All changes are previewed in real-time, so experiment freelyCancel Anytime: Click Cancel to revert all changes and return objects to their original stateMultiple Objects: Select multiple objects to apply the same skew to all of them at onceCombine with Rotation: Use Figma's rotation tools in combination with skew for complex transformationsㅤㅤCommon Use CasesTypography Effects: Create dynamic, slanted text designsIsometric Illustrations: Build isometric graphics with precise anglesPerspective Mockups: Add depth to UI mockups and presentationsLogo Design: Create unique, skewed logo variationsDecorative Elements: Design dynamic shapes and patterns3D-like Effects: Simulate 3D perspectives in 2D designsㅤㅤNeed more design tools? Visit Samolevsky.com to discover more plugins and resources.