Back to Plugins
Perspective Warp – Distort, Transform & Mockups

Perspective Warp – Distort, Transform & Mockups

Warp any Figma layer with Photoshop-style perspective, mesh, blending, color, and mockup tools.

Plugin Preview

Perspective Warp – Distort, Transform & Mockups preview

About this plugin

Turn flat artwork into convincing mockups without leaving Figma."Perspective Warp" gives you a fast, visual workflow for fitting logos, graphics, photos, text, groups, and frames onto angled surfaces. Load any layer, transform it directly on the canvas, then export a high-quality PNG copy back into the same Figma position.What you can do:- "Perspective transform" — drag corners, edges, and perspective controls to resize, skew, rotate, or fit artwork to a surface.- "Warp" — shape artwork with a 4 × 4 mesh, responsive edge handles, and editable presets: Arc, Arc Lower, Arc Upper, Arch, Bulge, and Flag.-"Mockup workflow" — add a background from Figma or a local file, reposition artwork on the mockup, and export the object, the combined composition, or separate layers.- "Blend" — hide tonal ranges from the active or underlying layer for more natural highlights, shadows, and texture integration. Hold Alt / Option to split a handle for a softer transition.- "Hue / Saturation" — adjust hue, saturation, lightness, and contrast globally or for selected color ranges.- "Precision controls" — proportional scaling, corner radius, opacity, rotation, snap guides, multi-point selection, keyboard nudging, undo, reset, zoom, and pan.Built for an editing-first workflowThe plugin keeps the original layer untouched until export. You can test a warp, background, blend, or color adjustment, then apply it only when you are ready. The exported result is inserted as a new image at the same location, so your source layer remains available for edits.No limits. For free)

Plugin Details

Version4
CreatedJune 16, 2026
Last UpdatedSeptember 7, 2026
Categoryediting & effects plugins
CreatorNikita B.
Stats233 installs, 18 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:{"arc": "assets/arc.svg", "arch": "assets/arch.svg", "back": "assets/back.svg", "edit": "assets/edit.svg", "flag": "assets/flag.svg", "main": "ui.html", "bulge": "assets/bulge.svg", "reset": "assets/reset.svg", "radius": "assets/radius.svg", "resize": "assets/resize.svg", "confirm": "assets/confirm.svg", "opacity": "assets/opacity.svg", "rotation": "assets/rotation.svg", "arc-lower": "assets/arc-lower.svg", "arc-upper": "assets/arc-upper.svg", "axis-reset": "assets/axis-reset.svg", "eyedropper": "assets/eyedropper.svg", "center-reset": "assets/center-reset.svg", "color-picker": "assets/color-picker.svg", "background-edit": "assets/background-edit.svg", "slider-vertical": "assets/slider-vertical.svg", "background-delete": "assets/background-delete.svg", "slider-horizontal": "assets/slider-horizontal.svg", "background-actions": "assets/background-actions.svg", "slider-horizontal-active": "assets/slider-horizontal-active.svg", "slider-vertical-inactive": "assets/slider-vertical-inactive.svg"}
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none