Isometrify

About this plugin

Transform your Figma designs into stunning isometric views with a single click. Isometrify brings professional isometric transformations to your workflow with an intuitive, modern interface that seamlessly integrates with Figma's design language.

Overview

Isometrify is a powerful Figma plugin that applies precise isometric transformations to your selected objects. Whether you're creating isometric illustrations, UI mockups, or architectural diagrams, Isometrify makes it effortless to achieve perfect isometric perspectives.

Key Features

1. Four Isometric Views: Choose from Top Left, Top Right, Left, and Right isometric projections
2. Live Preview: See transformations in real-time before applying them. Toggle preview on/off with a single click
3. Reset Function: Quickly reset objects to their original state
4. Multi-Selection Support: Transform multiple objects simultaneously
5. Modern UI: Clean, minimalistic interface with smooth micro-interactions

ㅤ

ㅤ

➊ Getting Started

1. Install the Plugin

1. Open Figma and navigate to Plugins → Browse plugins in Community
2. Search for "Isometrify"
3. Click "Run" to add it to your Figma workspace

2. Launch the Plugin

1. Select one or more objects on your Figma canvas
2. Go to Plugins → Isometrify (or use the search command with Cmd/Ctrl + /)
3. The plugin panel will open on the right side

ㅤ

ㅤ

➋ Using Isometrify

Selecting an Isometric View

The plugin offers four distinct isometric transformations:

1. Top Left: Creates a top-down view angled to the left (30° isometric projection)
2. Top Right: Creates a top-down view angled to the right (30° isometric projection)
3. Left: Projects your design to the left side with vertical depth
4. Right: Projects your design to the right side with vertical depth

To apply a view:

1. Click on any of the four view buttons (Top Left, Top Right, Left, or Right)
2. The selected view button will highlight in blue
3. If Preview is enabled, the transformation applies immediately

ㅤ

ㅤ

➌ Using the Preview Toggle

The Preview toggle lets you see transformations in real-time:

1. Preview ON: Changes apply instantly as you select different views
2. Preview OFF: Changes are held until you click "Apply"

To toggle preview:

1. Click the eye icon button or toggle the preview
2. The toggle turns blue when enabled

ㅤ

ㅤ

➍ Applying or Canceling Changes

Once you're satisfied with your isometric transformation:

1. Apply: Click the blue "Apply" button to commit the changes and close the plugin
2. Cancel: Click "Cancel" to revert all changes and close the plugin

Resetting Transformations

If you want to remove all transformations and return to the original state:

1. Click the "Reset" button
2. Your selected objects will return to their identity matrix (no transformation)
3. This works whether Preview is on or off

ㅤ

ㅤ

➎ Tips for Best Results

1. Group Related Objects: For complex designs, group elements before transforming to maintain relationships
2. Use Frames: Place objects in frames to keep them organized during transformation
3. Experiment with Views: Try different isometric views to find the best perspective for your design
4. Preview First: Keep Preview enabled to quickly compare different views
5. Multiple Selections: Select multiple objects to transform them all at once with consistent perspective

ㅤ

ㅤ

☻ Wrap-Up

Isometrify streamlines the process of creating isometric designs in Figma, eliminating the need for manual calculations and complex transformations.

With its intuitive interface and real-time preview, you can quickly experiment with different perspectives and find the perfect isometric view for your project.

Whether you're designing game assets, UI mockups, or technical illustrations, Isometrify helps you achieve professional results in seconds.

ㅤ

ㅤ

Need more design tools? Visit Samolevsky.com to discover more plugins and resources.