Perspective
Transform designs with perspectives, patterns, and 3D shadow effects
Plugin Preview
About this plugin
Transform flat designs into dimensional masterpieces. Perspective brings mathematical precision to Figma, turning ordinary objects into isometric worlds, intelligent patterns, and depth-filled compositions—all without leaving your canvas.Whether you're crafting game assets, technical illustrations, product mockups, or eye-catching UI elements, Perspective handles the complex math so you can focus on what matters: creating something incredible.What Makes Perspective SpecialFor Game Designers: Create isometric game tiles, environment assets, and UI elements with perfect perspective. Turn a single icon into an entire grid of correctly-proportioned tiles in seconds.For Technical Illustrators: Build precise diagrams, exploded views, and architectural projections. Cabinet and dimetric projections give you the exact angles you need for technical documentation.For Product Designers: Mock up products in realistic 3D space. Apply shadows that understand your colors, create patterns that follow proper perspective, and rotate entire compositions in true 3D.For UI Designers: Add depth to interfaces without manual calculations. Transform flat icons into dimensional UI elements, create complex grid systems, and add sophisticated shadow effects that adapt to your design system.🔄 Perspective TransformationsMathematical precision meets creative freedom.Turn any object into perfect isometric, dimetric, cabinet, or custom perspective views:Preset angles - One-click access to industry-standard projections (Isometric 30°, Dimetric 42°/7°, Cabinet 45°)Custom control - Adjust X and Y angles independently from -89° to +89° for any perspective you can imagineLive preview - See every change instantly as you drag sliders. No guessing, no trial-and-errorKeyboard nudging - Fine-tune angles with pixel-perfect precision using Shift+drag for controlled adjustmentsPerfect for technical illustrations, UI design, game assets, product mockups, and architectural visualizations. The math is locked in—you just create.🎨 3D Shadow EffectsShadows that understand your design.Four shadow styles that work intelligently with your colors and compositions:Default - Layered shadows that automatically adapt to your element's fill color. Change the color, and shadows followColored - Full control over shadow color, intensity, and light direction. Invert lightness for dramatic effectsOblique - Clean black shadows perfect for technical drawings and diagramsNone - Remove all effects instantly with one clickShadows automatically adjust when you change fill colors—no manual updates needed. Set depth (1-8 layers), direction (-100 to +100), and darkness (0-100%) with intuitive sliders that respond in real-time.🔁 Intelligent PatternsFrom one object to infinite arrangements.Create complex geometric patterns from a single object with live preview:Grid - Perfect rows and columns with adjustable spacing. Great for icon sets, tiles, and UI componentsCircle - Radial arrangements with customizable start/end angles. Create clock faces, radial menus, or decorative elementsLine - Straight duplicates with rotation control. Perfect for timelines, progress indicators, or sequential elementsSpiral - Growing spirals with customizable turns and growth rates. Create organic, flowing arrangementsPolygon - Objects arranged around polygon vertices. Hexagons, triangles, stars—any shape you needTransform modes add variation:Uniform - Apply the same perspective to all objects. Clean, consistent patternsIncremental - Progressive angle changes create dynamic depth. Watch patterns evolve as they extendRandom - Controlled variation for organic, hand-placed looks. Perfect for natural, less-structured layoutsAuto-spacing suggestions and live parameter updates make pattern creation effortless. Adjust sliders and watch your pattern evolve on the canvas in real-time.💎 Saved Presets (Free: 2 | Pro: Unlimited)Your favorite combinations, one click away.Save complete configurations—transforms, patterns, and shadows together—then apply them instantly:Apply complex setups with one clickWorks across all documents automaticallyApply to multiple objects simultaneouslyFree users get 2 presets to try the feature. Pro users get unlimited presets to build entire libraries of reusable styles.🎭 Rotate in 3D (Pro Feature)Take patterns into the third dimension.This is where things get seriously cool. Rotate entire patterns in true 3D space with proper perspective projection:Rotate patterns around X and Y axes independentlyObjects automatically scale based on depth—larger when close, smaller when distantSmart layering ensures closer objects render on top—always correctAdjustable perspective intensity controls the depth effectWorks with all pattern types—grids, circles, lines, spirals, polygonsThis isn't fake 3D—it's real 3D projection math. Rotate a grid 90° and watch objects collapse to a line. Combine rotations and they interact correctly in shared 3D space. Create depth that's impossible to achieve manually.Perfect for product showcases, game environments, architectural visualizations, and any design that needs true dimensional space.📐 Extrude (Pro Feature)Turn flat shapes into 3D objects.Transform any 2D shape into a dimensional object with realistic lighting and depth:Direction control - Extrude in eight directions (top-left, top, top-right, right, bottom-right, bottom, bottom-left, left) for perfect perspectiveDepth control - Adjust extrusion depth from -500px to +500px. Negative values extrude forward, positive values extrude backwardAdvanced lighting - Control light color, intensity, ambient light, and direction (X, Y, Z) for photorealistic shadingCaps control - Include or exclude end caps on your extrusionsSmoothness - Control the smoothness of rounded shapes and curves for perfect detailWorks with patterns - Extrude patterns to create entire 3D arrangements from a single shapePerfect for creating 3D icons, product mockups, architectural elements, and dimensional UI components. Works with rectangles, circles, polygons, stars, and custom vector shapes.Built for Professionals, Designed for EveryoneWhether you're designing isometric UI components, creating game tiles, building technical diagrams, mocking up product layouts, or exploring creative possibilities—Perspective handles the math so you can focus on design.All core features stay free. Pro unlocks workflow acceleration for power users who need unlimited presets and advanced 3D pattern capabilities. Try it free, upgrade when you're ready to go deeper.
Plugin Details
| Version | 19 |
|---|---|
| Created | January 10, 2025 |
| Last Updated | January 15, 2026 |
| Category | editing & effects plugins |
| Creator | Dylan de Heer |
| Stats | 4024 installs, 292 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
- https://eu-assets.i.posthog.com
- https://eu.i.posthog.com
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://i.ibb.co
- https://iili.io
- https://img.youtube.com
- https://okcvobrlhaapwhacslsd.supabase.co
- https://unpkg.com
- https://us-assets.i.posthog.com
- https://us.i.posthog.com
- https://www.roundtwo.io/board/perspective
More Like This
Discover other plugins in the editing & effects plugins category.