Figma Techniques

Should you go property-heavy or composition-heavy? A cautionary tale.

No, they don’t need an account: a step-by-step guide on how to share a Figma or FigJam file to your friend, colleague, or tester.

Reuse interactions in your prototypes without losing Design System updates by using components, inheritance, and an Interaction Wrapper.

Adding in a “long press” or “press and hold” trigger to an interactive component, without losing the regular tap functionality.

How to tell one layer to ignore auto layout without the real feature, explained using the real browser CSS property “position: absolute”.

Practical ways to overcome 7 common Figma design issues, caused by auto layout, constraints, groups, frames, components, and duplicates.

How to prototype advanced responsive designs in Figma using breakpoints and flexbox, and if it’s worth using plugins instead.

Craft more sophisticated prototypes using techniques like community imports, animations, advanced resizing, and Components.

See the reasons why making your Overlay scroll is difficult in Figma, the solution, and some limitations worth noting. Great for practicing your Frame-foo.

Putting a Frame inside another Frame sounds like madness, but it’s a core prototyping technique you’ll need to learn for truly immersive prototypes.

How to make pages that layout themselves in Figma, allowing you to manage hundreds of pages and focus on designing, not aligning.

Tables are often harder to prototype than to code, but taking a single cell design approach can make them responsive and maintainable.

How to apply the double-glazing technique to create a set of responsive Components in Figma, to make designing responsive web pages easier.

A tutorial for creating robust and manageable Anchor Links in your Figma prototypes, to test with using your favourite UX Research methods.

Walkthrough of using the recently introduced ability to add multiple interaction Triggers in Figma, to enrich the fidelity of your prototypes.

Groups and Frames have very different uses in Figma, but it’s difficult at first to tell why both of them exist. I can assure you that they complement each other, but first, you need to understand…