List: Figma Tutorials | Curated by Chuck Rice

Mar 30, 2023
19 stories
3 saves
Figma TutorialsGo from Figma Zero to Hero in no time.
In
UX Collective
by
Chuck Rice
7 common Figma design problems (and how to fix them)Practical ways to overcome 7 common Figma design issues, caused by auto layout, constraints, groups, frames, components, and duplicates.
Aug 1, 2022
2
Aug 1, 2022
2
In
UX Collective
by
Chuck Rice
A masterclass in modelling Components in FigmaShould you go property-heavy or composition-heavy? A cautionary tale.
Feb 23, 2023
5
Feb 23, 2023
5
In
UX Collective
by
Chuck Rice
Mastering frame nesting in FigmaPutting a Frame inside another Frame sounds like madness, but it’s a core prototyping technique required for true Figma mastery.
Nov 9, 2020
8
Nov 9, 2020
8
In
UX Collective
by
Chuck Rice
Scaling Figma prototypes to browser width properlyWhen creating prototypes in Figma I’d expect the final result to be scalable when viewed in the browser by users and clients. To my horror…
Jul 15, 2019
6
Jul 15, 2019
6
In
UX Collective
by
Chuck Rice
The ultimate guide to breakpoints and flexbox in FigmaHow to prototype advanced responsive designs in Figma using breakpoints and flexbox, and if it’s worth using plugins instead.
Jul 5, 2022
Jul 5, 2022
In
UX Collective
by
Chuck Rice
Adobe is buying Figma. What does that mean for you?What this acquisition means for you as a designer, based on other similar acquisitions, and Figma alternatives.
Sep 16, 2022
2
Sep 16, 2022
2
In
UX Collective
by
Chuck Rice
How to share a Figma file to someone without a Figma accountNo, 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.
Oct 1, 2022
Oct 1, 2022
In
UX Collective
by
Chuck Rice
A masterclass in sharing Figma’s prototype interactionsReuse interactions in your prototypes without losing Design System updates by using components, inheritance, and an Interaction Wrapper.
Sep 13, 2022
Sep 13, 2022
In
UX Collective
by
Chuck Rice
How to prototype long press in FigmaAdding in a “long press” or “press and hold” trigger to an interactive component, without losing the regular tap functionality.
Sep 5, 2022
2
Sep 5, 2022
2
In
UX Collective
by
Chuck Rice
When to use a group or a frame in FigmaGroups and Frames have very different uses in Figma, but it’s difficult at first to tell why both of them exist.
Aug 9, 2020
Aug 9, 2020
In
UX Collective
by
Chuck Rice
Building responsive components in Figma using ‘Double-Glazing’How to apply the double-glazing technique to create a set of responsive Components in Figma, to make designing responsive web pages easier.
Sep 9, 2020
Sep 9, 2020
In
UX Collective
by
Chuck Rice
Building responsive tables in Figma using the ‘Single Cell’ approachTables are often harder to prototype than to code, but taking a single cell design approach can make them responsive and maintainable.
Sep 22, 2020
1
Sep 22, 2020
1
In
UX Collective
by
Chuck Rice
Creating scrollable overlays in FigmaSee the reasons why making your Overlay scroll is difficult in Figma, the solution, and some limitations worth noting.
Mar 13, 2021
4
Mar 13, 2021
4
In
UX Collective
by
Chuck Rice
How to make an animated spinner button in FigmaCraft more sophisticated Figma prototypes using techniques like community imports, animations, advanced resizing, and Components.
Mar 16, 2022
Mar 16, 2022
In
UX Collective
by
Chuck Rice
Create scalable web page layouts in FigmaHow to make pages that layout themselves in Figma, allowing you to manage hundreds of pages and focus on designing, not aligning.
Oct 26, 2020
Oct 26, 2020
In
UX Collective
by
Chuck Rice
How to create anchor links in FigmaA tutorial for creating robust and manageable Anchor Links in your Figma prototypes, to test with using your favourite UX Research methods.
Aug 25, 2020
3
Aug 25, 2020
3
In
UX Collective
by
Chuck Rice
How to add multiple interactions in FigmaA walkthrough of adding more than one interaction Trigger to your prototype in Figma, and the unintended side effects of using them.
Aug 16, 2020
2
Aug 16, 2020
2
Guidance for larger teams with at least a basic paid plan.
In
UX Collective
by
Chuck Rice
How to share Figma components across filesHow to share Styles and Components from one file to another, whether you or someone else has compiled them.
Dec 14, 2021
Dec 14, 2021
In
UX Collective
by
Chuck Rice
How we used to hack in absolute position in FigmaHow to tell one layer to ignore auto layout without the real feature, explained using the real browser CSS property “position: absolute”.
Aug 8, 2022
Aug 8, 2022