Back to Plugins
Mockuper – Perspective, Skew & Device Mockups

Mockuper – Perspective, Skew & Device Mockups

Warp any design into perspective, skew shapes, and drop images into device mockups.

Plugin Preview

Mockuper – Perspective, Skew & Device Mockups preview

About this plugin

Mockuper puts any design in context — without leaving Figma.Figma has no native perspective transform, so Mockuper does the real thing: itmaps your design onto the exact 4-point shape you draw using a projective(homography) warp, rendered as a texture-mapped mesh. No cheap skew — edgesconverge the way real screens do.Three tools in one panel:• Insert — Warp a design onto a 4-point vector, or any frame/rectangle (rotatedor skewed works too). Bring your design by upload, paste, drag & drop, or byselecting a layer. A quality slider controls the mesh smoothness.• Skew — Shear frames and rectangles with an isometric preset cube (3 faces × 9directional tiles) or fine-tune with horizontal/vertical sliders.• Mockups — Search, filter, and sort a catalog of device frames (phones,tablets, laptops, desktops, watches, and browsers), then drop your image intothe screen. Mockups are editable vectors — no flat stock images.Runs entirely in the plugin: no network access, no uploads to a server. Free andopen source.

Plugin Details

Version4
CreatedJune 13, 2026
Last UpdatedJune 18, 2026
Categoryediting & effects plugins
CreatorRakibul Islam
Stats41 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none