0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#6 in Best of 2025

Perspective

Transform designs with perspectives, patterns, and 3D shadow effects

by Dylan de Heer

users
52K
likes
341
saves
4.8K
comments
2
FreeWorks inFigma Design
Price
Free
Latest version
v19 · Jan 15, 2026
First published
Jan 10, 2025
Publisher
Dylan de Heer
Features

What Perspective does

Summarised from Dylan de Heer's description on the Figma Community.

  • What Makes Perspective Special

    For Game Designers: Create isometric game tiles, environment assets, and UI elements with perfect perspective.

  • Mathematical precision meets creative freedom

    Turn any object into perfect isometric, dimetric, cabinet, or custom perspective views:

  • Shadows that understand your design

    Four shadow styles that work intelligently with your colors and compositions:

  • From one object to infinite arrangements

    Create complex geometric patterns from a single object with live preview:

  • Transform modes add variation

    Uniform - Apply the same perspective to all objects. Clean, consistent patterns. Incremental - Progressive angle changes create dynamic depth.

  • Your favorite combinations, one click away

    Save complete configurations—transforms, patterns, and shadows together—then apply them instantly:

  • Take patterns into the third dimension

    This is where things get seriously cool. Rotate entire patterns in true 3D space with proper perspective projection:

  • Turn flat shapes into 3D objects

    Transform any 2D shape into a dimensional object with realistic lighting and depth:

On this page
Overview

About Perspective

Perspective is a free Figma plugin published by Dylan de Heer in 2025. It works in Figma Design and has 52,198 users and 341 likes on the Figma Community. It ranks #6 in Best of 2025 and #15 in 3D on our lists.

In the developer's words

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

  1. 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.
  2. 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.
  3. 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.
  4. 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:

  1. Preset angles - One-click access to industry-standard projections (Isometric 30°, Dimetric 42°/7°, Cabinet 45°)
  2. Custom control - Adjust X and Y angles independently from -89° to +89° for any perspective you can imagine
  3. Live preview - See every change instantly as you drag sliders. No guessing, no trial-and-error
  4. 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:

  1. Default - Layered shadows that automatically adapt to your element's fill color. Change the color, and shadows follow
  2. Colored - Full control over shadow color, intensity, and light direction. Invert lightness for dramatic effects
  3. Oblique - Clean black shadows perfect for technical drawings and diagrams
  4. 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:

  1. Grid - Perfect rows and columns with adjustable spacing. Great for icon sets, tiles, and UI components
  2. Circle - Radial arrangements with customizable start/end angles. Create clock faces, radial menus, or decorative elements
  3. Line - Straight duplicates with rotation control. Perfect for timelines, progress indicators, or sequential elements
  4. Spiral - Growing spirals with customizable turns and growth rates. Create organic, flowing arrangements
  5. Polygon - Objects arranged around polygon vertices. Hexagons, triangles, stars—any shape you need

Transform modes add variation:

  1. Uniform - Apply the same perspective to all objects. Clean, consistent patterns
  2. Incremental - Progressive angle changes create dynamic depth. Watch patterns evolve as they extend
  3. 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:

  1. Apply complex setups with one click
  2. Works across all documents automatically
  3. 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:

  1. Rotate patterns around X and Y axes independently
  2. Objects automatically scale based on depth—larger when close, smaller when distant
  3. Smart layering ensures closer objects render on top—always correct
  4. Adjustable perspective intensity controls the depth effect
  5. 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:

  1. Direction control - Extrude in eight directions (top-left, top, top-right, right, bottom-right, bottom, bottom-left, left) for perfect perspective
  2. Depth control - Adjust extrusion depth from -500px to +500px. Negative values extrude forward, positive values extrude backward
  3. Advanced lighting - Control light color, intensity, ambient light, and direction (X, Y, Z) for photorealistic shading
  4. Caps control - Include or exclude end caps on your extrusions
  5. Smoothness - Control the smoothness of rounded shapes and curves for perfect detail
  6. 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.

Changelog

What's new

Version 19 · released Jan 15, 2026

  • Added a getting started video! 🙌
Trust

Permissions and privacy

Network access

Perspective can only connect to the 13 domains declared in its manifest: cdn.jsdelivr.net, unpkg.com, img.youtube.com, iili.io, i.ibb.co, us.i.posthog.com, us-assets.i.posthog.com, eu.i.posthog.com, eu-assets.i.posthog.com, okcvobrlhaapwhacslsd.supabase.co, fonts.googleapis.com, fonts.gstatic.com and www.roundtwo.io/board/perspective.

  • cdn.jsdelivr.net
  • unpkg.com
  • img.youtube.com
  • iili.io
  • i.ibb.co
  • us.i.posthog.com
  • us-assets.i.posthog.com
  • eu.i.posthog.com
  • eu-assets.i.posthog.com
  • okcvobrlhaapwhacslsd.supabase.co
  • fonts.googleapis.com
  • fonts.gstatic.com
  • www.roundtwo.io/board/perspective

Extra permissions

  • Sees who else is in the file
  • Reads your Figma name and avatar

Read from the plugin's published manifest.

Rankings

Where Perspective ranks

Compare

Perspective alternatives

  1. 75K users243Free

    Create text along curved paths. Customize text properties and add background images.

  2. 2

    image.to.design

    by divRIOTS

    67K users1.7KFree

    Import any image format into Figma - as an image or as editable layers

  3. 67K users3.3KFree

    Animate your Figma designs with AI - generate editable motion, export as Lottie / GIF / MP4

  4. 4

    Talk To Figma MCP Plugin

    by Sonny Lazuardi

    65K users2.1KFree

    Allowing Cursor to communicate with Figma for reading designs and modifying them programmatically

  5. 5

    Iconify

    by sadik sajid

    53K users81Free

    🧩 Iconoir Icons by Iconify – Free, modern, and fully customizable icons for your Figma designs 🎨

  6. 6

    Liquid Glass

    by Dylan de Heer

    42K users745Free

    Create Apple-like Liquid Glass Effects

FAQ

Perspective FAQ

What does Perspective do?

Transform designs with perspectives, patterns, and 3D shadow effects. It's a Figma plugin by Dylan de Heer that runs in Figma Design.

Is Perspective free?

Yes. Perspective is free to install and run from the Figma Community, with no paid tier listed.

Is Perspective safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Perspective can only connect to the 13 domains declared in its manifest: cdn.jsdelivr.net, unpkg.com, img.youtube.com, iili.io, i.ibb.co, us.i.posthog.com, us-assets.i.posthog.com, eu.i.posthog.com, eu-assets.i.posthog.com, okcvobrlhaapwhacslsd.supabase.co, fonts.googleapis.com, fonts.gstatic.com and www.roundtwo.io/board/perspective. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Perspective?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Perspective?

By user count, the closest alternatives are Curved Text, image.to.design and Magic Animator • AI Animation Generator for Figma. Compare all of them on the best Figma plugins for best of 2025.

For developers

Built this plugin?

Use this page as a landing page for Perspective: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Perspective on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/perspective/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Perspective on figmaplugins.co" width="220" height="48"></a>