Figma Tutorial: Isometric Device Frame

How to use Figma frames to create an isometric device update automatically.

[RaunaqGupta]

tldw; group all layers, 45deg rotation on group, 57.73% height with aspect constrain turned off.

[JoeCarterDesigns]

Dude! So helpful! Thank you! Team Figma mentioned this in their livestream today - great tutorial!

[adamdejardinier]

Fantastic, so simple and elegant solution!

[XiagraBalls]

Does this angle only work on iPhone designs? Tried it on a larger design (2880 x 1900) and it doesn't work.

[varunbhardwaj]

excellent hack Dustin. had a facepalm & wow moment at once.

[mancerrss]

So it's just using predefined values? So where can I see those predefined values? Also what if you want a much different custom angle? It's trial and error?

[nsivadass]

I want to achieve a similar thing for a desktop browser mockup, how to calculate the dimensions?

[LukasBombach]

That is awesome, thank you. Can you point to some info on how to do the phone?

[idozaifman]

Great & simple! thank you for sharing!

[DenyaInUa]

I can recommend "ScewDat" really good

[endrokustono]

saya sudah coba dan berhasil, terima kasih triknya

[alejandrostafuza]

nowdays you need to hit "k" before applying the size change.

[lilapiz]

How do you change the color of the shadow? I've tried a few different things but havent been able to change from your bright colors to something a typical black/grey shadow

[diegonunez]

Cool!!!! Thank you for sharing. Can you share the iPhone Body file?

[FlameAngelBG]

Cannot recreate that for the life of me.

[kahudo]

Excuse me, how do I know if it was 57.73% but not a difference value?

[ashwinganvir]

hello dustin
how to insert a mobile body with isometric view?

[ricardocamps]

How did you add the device to the screen?

[mauriciogonzalezgordillo]

This "hack" stopped working now, if i set 57.73% on size, it just mess my figure :(

[misharodshtein]

This is look like a hack, in next version it may be lose. But any way — grade job!