Figma Tricks

Isometric perspective has no 'depth' — so you can make impossible shapes and illusions too!

Use components to create flat-editable illustration assemblies

It even allows the editing of shapes in the skewed isometric perspective

How it works, in a nutshell

Isometric illustration in Figma I often feel like illustration is an under served niche in Figma's toolset, despite having an exceptional foundation for vector drawing. If you haven't read Evan Wallace's blog post from back in 2016...

This grouping trick makes it easy to draw things in isometric perspective

Keen to be included in the publishers pack if folks are still being added in there 🙋

A little demo showing how the on scroll trigger hack works

The blue line is the 'activation threshold' which is magically always in the right place no matter where the mouse is

On scroll trigger hack One interaction type that Figma still doesn't have is a scroll trigger. Sometimes I want something in my prototype to happen after scrolling past a particular element — but there isn't a native way to...

It shouldn't work but... it does!

A hack for faking the missing 'on scroll' interaction trigger in Figma prototypes

The negative margin hack I was messing around with Figma variables recently when by accident I came across a trick that allows the use of negative values for auto layout padding. Of course I'm not the first to discover this ...

Like negative margins in CSS — but with padding 🙃

Fixed aspect ratios in Figma I often find myself in the situation where I want an element in my design to maintain its aspect ratio inside a responsive layout. It's super common in the websites and apps we use every day — from im...

Learn how to create frames with fixed aspect ratios in #Figma