How to Transform Shapes in Figma — Resize, Rotate, Flip, and Free Transform

“I want to skew a shape like Illustrator’s free transform.” “I’m looking for trapezoid or perspective and can’t find it.” “I scaled it up and the stroke width changed too.” Stumbling points when transforming shapes in Figma usually come from one thing: Figma’s built-in transforms go as far as resize, scale, rotate, and flip — skew and perspective aren’t built in. Knowing that line clears up most of the confusion.

This article walks through what’s built in (resize, scale, rotate, flip) → adding free transform, skew, and perspective with a plugin, in the order of what you’re trying to do. At the end, we cover what trips up designers migrating from Illustrator or Adobe XD.

The short version: built-in stops at resize, scale, rotate, flip

Figma’s built-in features cover resize, scale, rotate, and flip. Free transform (dragging the four corners independently), skew, and perspective (trapezoid) are not built in. If you need those, use a dedicated plugin or approximate them with a workaround. Keep that line in mind and it’s the shortest route.

What you’ll learn

  • How to resize and scale a shape (and scale strokes and effects along with it)
  • How to rotate and flip, with the shortcuts
  • How to add free transform, skew, and perspective with a plugin (since Figma has no native option)
  • How to pick a transform plugin
  • What trips up designers migrating from Illustrator or XD

📐 Resize and scale (the Scale tool)

There are two ways to change a shape’s size, and they give different results, so use them deliberately.

  • Resize (selection tool): select the shape and drag the outer handles. Hold Shift while dragging to keep the aspect ratio. Stroke width, corner radius, and effects stay as they are — only the dimensions change.
  • Scale (Scale tool, K): switch to the Scale tool with K, then drag — stroke width, corner radius, shadows, and text size all scale proportionally. Use this when you want to make the whole thing, say, 1.5× bigger.

Resize vs. Scale

To make a button twice as big, a plain resize stretches the box while strokes and text stay their original size — the layout looks broken. The Scale tool (K) scales the stroke width and text along with it, so the proportions hold. For scaling up an icon or component as a whole, Scale is the one you want.

🔄 Rotating

There are a few ways to rotate a shape — pick one for the job.

  1. Drag with a handle. Select the shape and move the cursor just outside a corner until it becomes the rotate cursor, then drag. Hold Shift for 15° increments.
  2. Type an exact angle. Enter a value in the Rotation field of the right panel for a precise angle.
  3. Nudge with keys. Option (Mac) / Alt (Windows) + Cmd/Ctrl + arrow keys rotates 1° per press.

There's no single-key rotate shortcut

Figma has no single-key shortcut for a “rotate tool.” You rotate by dragging just outside a corner, entering a value in the right panel, Shift-dragging for 15° increments, or nudging with arrow keys. You can always check and correct the angle in the right panel afterward.

🪞 Flipping

To mirror a shape (swap left–right or top–bottom), use flip.

  • Flip horizontal: Shift + H
  • Flip vertical: Shift + V

You can also flip from the right-click menu. It’s handy for changing an icon’s direction or building symmetrical parts. Flipping only mirrors the shape — it doesn’t distort it.

🪄 Free transform, skew, and perspective need a plugin

This is where many people get stuck. Dragging the four corners independently to warp a shape, or adding skew and perspective (trapezoid) — the way Illustrator or Photoshop’s free transform works — is not built into Figma. The built-in rotate, scale, and flip can’t slant a shape or add depth.

To get free transform, skew, or perspective, you have two routes:

  • Use a transform plugin. The Figma Community has several plugins that let you drag the four corners to warp, or apply perspective and skew. Select the shape, run the plugin, and it replaces the shape with the warped result. Handy when you want to stay inside Figma.
  • Process it outside, then place it. Transform it in Illustrator or Photoshop, export it as an image (PNG / SVG), and place it in Figma. This route gives you the finest control over the result.

Image perspective and text skew work the same way

“Add perspective to an image” or “skew some text” also can’t be done with built-in features alone. For both images and text, process them with a transform plugin or edit them externally and bring them back in. Note that skewing text turns it into a non-editable outline (or an image).

🚀 Move your XD shapes into Figma without breakage — Pixel Fine Converter

Converts the shapes and paths from your XD file into Figma's structure. Try the Free version on your own file to check the fidelity before you decide.

🔌 Choosing a transform plugin

There are several free-transform plugins, each better at certain jobs. A few pointers for choosing:

  • Warping a vector shape: pick one that transforms paths as true geometry (subdividing curves smoothly).
  • Perspective on an image: choose one that warps images at high quality (pixel by pixel).
  • Quick skew or trapezoid: a simple slider-based plugin is easiest to handle.

Watch the editability after transforming

Applying free transform or perspective with a plugin can flatten the original vector to the warped shape or convert it to an image. If you might fine-tune it later, duplicate the original and keep it aside. Either way, what ends up in Figma is the transformed object.

🔄 Shapes migrated from XD or Illustrator

In files migrated from Illustrator or Adobe XD, shape transforms need one extra bit of care.

  • Illustrator’s free transform and perspective don’t carry over as-is: a shape you free-transformed or gave perspective to in Illustrator has to be treated as a flattened path or image on Figma’s side. It can’t carry over as an editable “mid-transform” state.
  • XD shapes and paths are best migrated with their structure intact: simple resizes and rotations reproduce fine, but complex paths and boolean operations hold up better with a migration path that converts the structure itself.

Rebuilding shapes one at a time is tedious, so the safe move is a migration path that converts the shape and path structure itself. Pixel Fine Converter reads XD files directly and converts shapes and paths into Figma’s structure. For the details of XD shape conversion, see converting XD shapes to Figma.

💬 FAQ

Q: Can I free transform (skew) a shape in Figma?

Not with built-in features alone. Free transform (dragging the four corners), skew, and perspective (trapezoid) aren’t in Figma natively, so use a transform plugin or edit it in Illustrator / Photoshop and bring it back as an image. Built-in transforms go as far as resize, scale, rotate, and flip.

Q: I scaled a shape and the stroke width changed too.

A plain resize (the selection tool’s handles) shouldn’t change stroke width, but the Scale tool (K) scales stroke width, effects, and text proportionally. Use the selection tool to keep stroke width, and the Scale tool when you want to scale the whole look.

Q: What’s the shortcut to rotate a shape?

There’s no single-key rotate shortcut. Drag just outside a corner (Shift for 15° increments), enter a value in the Rotation field of the right panel, or press Option/Alt + Cmd/Ctrl + arrow keys to rotate 1° at a time.

Q: How do I flip (mirror) a shape?

Flip horizontal is Shift + H, and flip vertical is Shift + V. You can also flip from the right-click menu.

Q: I want to add perspective to an image.

That’s not possible with built-in features. Use a transform plugin that supports perspective, or edit the image externally and place it back in Figma.

Q: A shape I free-transformed in Illustrator broke after migrating to Figma.

Illustrator’s free transform and perspective have to be treated as a flattened path or image on Figma’s side. They can’t carry over as an editable transform state, so migrate them in a flattened form or rebuild them in Figma.

🎯 Recap

Transforming shapes in Figma is about knowing what’s built in and filling the rest with a plugin. The four key points:

#GoalFeature
1Change sizeResize (strokes stay) / Scale tool K (strokes scale too)
2RotateHandle / right panel / Shift for 15°
3FlipHorizontal Shift + H / vertical Shift + V
4Free transform, skew, perspectiveNot built-in — transform plugin or external processing

Scale tool for size, handle or a value for rotation, Shift + H / V to flip. Need skew or perspective? A plugin. Keep that line in mind and transforming shapes in Figma stops being a guessing game. And if your file starts in Illustrator or Adobe XD, migrating with the shape and path structure intact is the surest way to avoid rebuilding.

🚀 Install Pixel Fine Converter from the Figma Community

One-click install from Figma Community