Perspective Warp — Distort, Mesh, 3D Transform, Shadows & 4K

About this plugin

Perspective Warp is an all-in-one Figma plugin for perspective transform, freeform distort, mesh warp, skew, 3D transform, raster extrusion, realistic shadows, reflections, smart mockups, 4K PNG export and WebM animation.Select almost any layer in Figma — a frame, image, PNG with transparency, text, SVG, vector, logo, icon, component, UI screen, card, poster, banner or packaging design — and turn it into a polished transformed visual without leaving Figma.Create device mockups, replace screens inside a perspective scene, bend posters around a cylinder, add volume to a logo, cast a realistic shadow, build an isometric composition, or export an animated 3D asset. Everything is rendered locally with WebGL: no uploads, no external API, and no third-party server processing.## Perspective TransformCreate clean, controlled perspective transforms for flat surfaces and mockups.Use ready-made presets for:• Left Wall• Right Wall• Ceiling• Floor• Isometric Left• Isometric RightDrag corners directly on the canvas preview, enter exact corner coordinates, use Auto Crop, or let Perspective Warp protect the quad from invalid intersections and collapsed geometry.Perfect for screens, billboards, signs, posters, packaging, UI presentations, walls, floors, storefronts and isometric scenes.## Freeform DistortMove all four corners independently and fit a design into any custom quadrilateral.Use Freeform Distort for device screens, labels, boxes, cans, bottles, cards, posters in photos, perspective placeholders and mockup zones with an unusual angle.The plugin prevents self-intersecting corners and invalid shapes, so the result stays usable even during fast editing.## SkewCreate horizontal and vertical skew transforms with sliders, numeric controls or direct dragging.Hold Shift to constrain movement to the dominant axis. Use Skew for dynamic typography, angled UI cards, sports posters, tilted logos, advertising creatives, technical diagrams and fast isometric compositions.## Mesh WarpBend and deform visuals using a 3×3 mesh with nine draggable control points.Start with a preset, then adjust every point manually:• Arc• Wave• Bulge• Flag• Cylinder• TwistMesh Warp is made for fabric, flags, waves, curved posters, cylindrical packaging, labels, cans, bottles, rounded surfaces, distorted logos and expressive motion graphics.Export a smooth animated Warp Loop as WebM directly from Figma.## 3D Transform & ExtrusionTurn a flat Figma layer into a fast GPU-rendered 2.5D visual.Control tilt, side rotation, camera perspective and light directly in the preview. Add raster extrusion to create visual depth for text, logos, icons, cards, UI screens, covers and geometric shapes.Customize extrusion depth, direction, side color and lighting for quick 3D typography, dimensional branding, product cards, app presentations and pseudo-3D mockups — without opening Blender, Photoshop or another editor.## Advanced Shadow EnginePerspective Warp generates shadows from the transformed raster geometry instead of applying a standard Figma drop shadow.Create:• Cast Shadow — a soft projected shadow with draggable light direction, light angle, object height, softness, opacity and color• Long Shadow — graphic, isometric and poster-style long shadows with adjustable length, expansion and direction• Ground Shadow — realistic contact shadows for products, objects, packaging and floating UI cards• Reflection — a soft fading reflection for glossy surfaces, glass, product presentations and logo mockupsAll shadow controls are visual and interactive, with draggable handles directly in the preview.## Smart Snap for MockupsSelect one source layer and one four-point vector shape to instantly fit the source into that exact target quad.Smart Snap is ideal for reusable mockup templates: device screens, billboards, packaging zones, signs, posters and perspective placeholders.## Transparent PNG SupportPerspective Warp analyzes the alpha channel locally to find the actual visible bounds of transparent PNGs.This means product cutouts, logos, icons and objects with transparent padding can be cropped accurately before transformation. Ground Shadows and Reflections are anchored to the visible object rather than an invisible oversized image box.Turn Auto Crop off whenever you need to preserve the original transparent bounds.## High-Quality 4K PNG ExportRender transformed artwork as a transparent PNG in:• Original size• 2ו 4ו 4K longest sideThe maximum export size is up to 4096 px on the longest side, while respecting the available GPU texture limit. 4K export uses a separate render canvas, so the preview stays fast and responsive.Insert the result straight back into Figma or download it with Export PNG.## WebM Animation ExportCreate lightweight motion assets without leaving your design file.• 3D Rotation creates a seamless three-second looping rotation for logos, cards, UI screens, covers and social media visuals• Warp Loop animates the transition between a flat layer and the chosen Mesh Warp presetExport progress is visible, exports can be cancelled safely, and the plugin returns to its normal state immediately after cancellation or completion.## Non-destructive Workflow & Re-editingYour source layer stays safe.Choose how to place the result:• Next to original• Over original• Replace, keep editable — hides the source and puts the generated result in its placePerspective Warp stores transform points, crop settings, shadows, 3D settings, output size, placement and Smart Snap data in the generated result.Select a result later and use the native Figma “Re-edit transform” action to reopen it with its settings intact.## Built for Real Figma WorkflowsPerspective Warp works with almost anything Figma can export:• Images, PNG, JPG and WebP• Images inside Image Fills• Text layers• SVG and vector layers• Icons, logos and shapes• Boolean groups• Frames, groups and sections• Components and component instances• UI cards, screens, banners, posters, packaging and product mockupsText, SVG, vectors and components are flattened into a high-quality PNG image after Apply. Your editable original can remain visible, be placed underneath, or be hidden for a non-destructive workflow.## Private, Local and FastYour files never leave Figma.Perspective Warp has no external network requests, no API calls and no server-side image processing. Alpha analysis, WebGL rendering, live preview, 4K PNG rendering and WebM export all happen locally.## Current LimitationsPerspective Warp creates raster output rather than editable transformed vectors or text. It is a fast 2.5D transform and mockup tool, not a full 3D modelling app.The plugin currently does not support direct PSD, AI or PDF import, automatic surface detection inside a photograph, MP4/GIF export, editable vector output, multi-light scenes, mesh animation across several layers, or stacked sequential transform modes.Create perspective mockups, warped graphics, dimensional logos, 3D cards, realistic shadows, animated product visuals and high-resolution marketing assets — in seconds, directly in Figma.