Figma Tricks
@figmatricks.io
figmatricks.io – a little Figma blog with tricks and workarounds by @mattfannin.nz
This grouping trick makes it easy to draw things in isometric perspective
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...
www.figmatricks.io
November 20, 2024 at 9:27 AM
This grouping trick makes it easy to draw things in isometric perspective
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
The blue line is the 'activation threshold' which is magically always in the right place no matter where the mouse is
November 18, 2024 at 7:32 AM
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
The blue line is the 'activation threshold' which is magically always in the right place no matter where the mouse is
It shouldn't work but... it does!
A hack for faking the missing 'on scroll' interaction trigger in Figma prototypes
A hack for faking the missing 'on scroll' interaction trigger in Figma prototypes
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...
www.figmatricks.io
November 18, 2024 at 7:28 AM
It shouldn't work but... it does!
A hack for faking the missing 'on scroll' interaction trigger in Figma prototypes
A hack for faking the missing 'on scroll' interaction trigger in Figma prototypes
Like negative margins in CSS — but with padding 🙃
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 ...
www.figmatricks.io
November 16, 2024 at 8:08 PM
Like negative margins in CSS — but with padding 🙃
Learn how to create frames with fixed aspect ratios in #Figma
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...
www.figmatricks.io
November 15, 2024 at 8:53 PM
Learn how to create frames with fixed aspect ratios in #Figma