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 Special
- For 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 Transformations
Mathematical 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 imagine
- Live preview - See every change instantly as you drag sliders. No guessing, no trial-and-error
- Keyboard nudging - Fine-tune angles with pixel-perfect precision using Shift+drag for controlled adjustments
Perfect for technical illustrations, UI design, game assets, product mockups, and architectural visualizations. The math is locked in—you just create.
🎨 3D Shadow Effects
Shadows 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 follow
- Colored - Full control over shadow color, intensity, and light direction. Invert lightness for dramatic effects
- Oblique - Clean black shadows perfect for technical drawings and diagrams
- None - Remove all effects instantly with one click
Shadows 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 Patterns
From 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 components
- Circle - Radial arrangements with customizable start/end angles. Create clock faces, radial menus, or decorative elements
- Line - Straight duplicates with rotation control. Perfect for timelines, progress indicators, or sequential elements
- Spiral - Growing spirals with customizable turns and growth rates. Create organic, flowing arrangements
- Polygon - Objects arranged around polygon vertices. Hexagons, triangles, stars—any shape you need
Transform modes add variation:
- Uniform - Apply the same perspective to all objects. Clean, consistent patterns
- Incremental - Progressive angle changes create dynamic depth. Watch patterns evolve as they extend
- Random - Controlled variation for organic, hand-placed looks. Perfect for natural, less-structured layouts
Auto-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 click
- Works across all documents automatically
- Apply to multiple objects simultaneously
Free 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 independently
- Objects automatically scale based on depth—larger when close, smaller when distant
- Smart layering ensures closer objects render on top—always correct
- Adjustable perspective intensity controls the depth effect
- Works with all pattern types—grids, circles, lines, spirals, polygons
This 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 perspective
- Depth control - Adjust extrusion depth from -500px to +500px. Negative values extrude forward, positive values extrude backward
- Advanced lighting - Control light color, intensity, ambient light, and direction (X, Y, Z) for photorealistic shading
- Caps control - Include or exclude end caps on your extrusions
- Smoothness - Control the smoothness of rounded shapes and curves for perfect detail
- Works with patterns - Extrude patterns to create entire 3D arrangements from a single shape
Perfect 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 Everyone
Whether 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 | 3553 installs, 262 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.