#Community

Right and wrong ways to use Variants

Good thread by Ridd on creating variants from a single base component.

Coffee with Charli and Shopify: Scaling Systems

“In this episode, Charli talks with Sara Hill and Dan Ross product design leads at Shopify. They show off the evolution of the Shopify design system, how they’ve managed to scale it, and the challenges they faced along the way.”
Coffee with Charli and Shopify: Scaling Systems

UI Checklist by Shift Nudge

Not directly related to Figma, but I’m a big fan of checklists, and this one by MDS is really good: ​“The top 101 things to consider when designing visually beautiful interfaces. Use this to self-critique any of your designs, whether it’s homework from this course or your own projects.”

Figma’s Series E

Dylan Field’s internal email to the Figma team announcing a new round of investments.

Building a menu with nested components

Ridd shows how to build a menu component from multiple nested components.

Hiring whole teams and Figma Designer Advocates with Anthony DiSpezio

“How do product teams hire UX Designers? Anthony DiSpezio, Designer Advocate at Figma, explains the most significant factor in cross-functional team hiring and how this may very well be why you are not hired. In the second part of the episode, Anthony describes the role of Designer Advocate at Figma: a mix of hands-on design and advocacy. To be hired for this role, you need to be a Figma expert with a knack for communication!”

Luca

A beautiful illustration of Pixar’s Luca by Vijay Verma.

iOS 15 UI Kit for Figma

The best iOS 15 UI kit by ex-Figmate Joey Banks.

Hide or show the dot grid

Miguel with a nifty tip. (Makes me curious why it’s not in the menu?)

Make duotone-style photo effects

Miggi aka Professor Figma shows how to use stacked fill layers and blend modes to create an easily repeatable, image swappable duotone-like effect for your photo mockups.

Using Auto Layout to make a table

New short video from Figma:55 on using Auto Layout and Variants to make a table.

Create Figma Plugin

Yuan Qing Lim – one of the most prolific creators of Figma plugins – released v1 of his open-source toolkit for developing plugins. It comes with an optimized development workflow, maintainable code structure, utility functions, and even essential Figma UI components.

Creating an illustration system for comics series

Pablo Stanley shows his use of Figma components and variants for creating an illustration system of characters for a new comics series, The Design Team.

Interactive Components in Figma

MDS takes a look at interactive components (currently in beta) — what they are, how they work, and the different ways they can be used in prototypes.
Interactive Components in Figma (BETA)

Advanced Interactive Components in Figma

In the follow-up to a previous video, MDS builds a prototype with multiple radio button interactive components.
ADVANCED Interactive Components in Figma

Making a sunburst graphic

Miggi makes a sunburst graphic and puts a bird on it. Don’t miss part two, where he explores a totally different and quite creative way to build it with a stroke.

Variable Fonts

Toni Gemayel built a plugin providing basic support for variable fonts. While not a replacement for missing native support, it lets you render variable fonts as graphics and then update them in the future.

A few things I wish I had known earlier on for working in Figma

Joey Banks shares a few helpful shortcuts and tips.

Professor Figma videos

Miguel took over Figma’s Instagram account for a day and shared a bunch of quick tutorials.

Move Components Between Files — Master Plugin for Figma

Gleb Sabirzyanov shows how to move components between files using his Master plugin.

Move Components Between Files — Master Plugin for

Features

Topics

Products

Design Tools

Figmalion

Issues:
231
Links:
4,066