0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#20 in New in 2026

Distort Transform

Perspective distort any vector, just like other tools but now inside Figma.

by Selwyn van Haaren

users
2.7K
likes
17
saves
292
FreeWorks inFigma Design
Price
Free
Latest version
v4 · Mar 31, 2026
First published
Mar 9, 2026
Features

What Distort Transform does

Summarised from Selwyn van Haaren's description on the Figma Community.

  • Drag TL, TR, BL, BR corner handles freely in any direction

  • Multi-select corners with Shift+Click to move them together

  • Shift+drag snaps movement to horizontal or vertical axis

  • Reset button to return to the original shape

On this page
Overview

About Distort Transform

Distort Transform is a free Figma plugin published by Selwyn van Haaren in 2026. It works in Figma Design and has 2,724 users and 17 likes on the Figma Community. It ranks #20 in New in 2026 on our lists.

In the developer's words

Distort Transform lets you freely warp any vector or shape by dragging its four corners independently. Select a vector, frame, or shape, load it into the plugin, and drag the corner handles to skew, stretch, or apply perspective to your element. Perfect for placing graphics onto angled surfaces, creating 3D mockups, or building expressive type layouts.

Features:

  1. Drag TL, TR, BL, BR corner handles freely in any direction
  2. Multi-select corners with Shift+Click to move them together
  3. Shift+drag snaps movement to horizontal or vertical axis
  4. Reset button to return to the original shape

Works on vectors, shapes, groups, frames, and components (auto-flattens to vector)

Changelog

What's new

Version 4 · released Mar 31, 2026

The developer didn't publish release notes for this version.

Trust

Permissions and privacy

Network access

Distort Transform declares no network access, so it runs entirely inside Figma and can't send your file anywhere.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Distort Transform ranks

Compare

Distort Transform alternatives

  1. 1
    22K users565Free

    Import HTML and convert web layouts into editable Figma designs

  2. 9K users245Free

    Buddy - Your Figma AI design partner, living right inside Figma.

  3. 3

    Text on path

    by Aleksei Kipin

    8.8K users62Free

    Place text on paths and shapes — curves, circles, and custom vectors.

  4. 4

    CANVA Export

    by willabs

    8.4K users111Free

    Export Figma to Canva Design

  5. 5

    Perspective Distort

    by Aleks. Keda

    8.2K users111Free

    Apply realistic 3D perspective transformations to any vector shape

  6. 6.2K users95Free

    FREE: Screenshot to Figma!! Convert image to Figma design!

FAQ

Distort Transform FAQ

What does Distort Transform do?

Perspective distort any vector, just like other tools but now inside Figma. It's a Figma plugin by Selwyn van Haaren that runs in Figma Design.

Is Distort Transform free?

Yes. Distort Transform is free to install and run from the Figma Community, with no paid tier listed.

Is Distort Transform safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Distort Transform declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Distort Transform?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Distort Transform?

By user count, the closest alternatives are HTML to Figma by Morty, Buddy Figma AI agent:Claude design to Figma,Codex HTML UX generator Co-pilot assistant for Designers and Text on path. Compare all of them on the best Figma plugins for new in 2026.

For developers

Built this plugin?

Use this page as a landing page for Distort Transform: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Distort Transform on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/distort-transform/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Distort Transform on figmaplugins.co" width="220" height="48"></a>