A useful freebie from Luis Ouriach — 360 badges, pills, and tags in the full-color palette range.

In this video, Darshan Gajara from Consistent Creators podcast talks to Designer Advocate Luis Ouriach about his role at Figma, overcoming burnout, building an audience, and the breakdown of his viral Twitter threads.

On a similar note, this thread by Luis is a great walkthrough of debugging, reducing complexity, and refactoring a tricky variant component. The core part of his approach is slicing everything up into composable parts.

Luis with a cool technique for adding focus rings to a button using an absolutely positioned component instead of a shadow hack.

Luis keeps digging into different ways of structuring Figma libraries and styles. In this thread, he thinks through naming conventions on styles and explores the pros and cons of more abstract and specific naming conventions.

Luis shares a few tips on structuring library files. He recommends optimizing variants for searching and usage rather than maintenance, and suggests this file structure: Page → Section → Variant. Also, check out his other thread on naming and splitting your library files.

While Figma doesn’t have native support for color tokens yet, Luis kicks off a discussion of how they might work in the future. His approach is similar to how I usually organize color tokens in CSS, so hopefully that will be the direction they take!

Luis Ouriach wrote a massive multi-part guide on structuring teams, organizing projects, and managing files in Figma.

Luis is experimenting with a different way of managing styles in Figma. He argues that bringing styles a lot closer to their usage makes it easier to understand the context.

An interesting technique from Luis on using component props for adding spacing around icons only in some instances, for example when used inside a button.

Luis shares jumping-off points for starting a new design system in Figma.

Luis on why it’s important to optimize for the usage of components.

Luis shows the only Dynamic Island notification we’ve been waiting for.

Luis Ouriach walks through updates to the design system structure recommended by Figma Advocates.

Luis shows a neat trick on how to create an ​“infinite table” using component properties, where we can toggle on however many columns or rows we need in designs.

Figma Designer Advocate Luis Ouriach talks to designers from Automattic about improving collaboration through inclusive workshops and processes.

Luis explores a few approaches to layer naming based on a level of fidelity, team conventions, and who is responsible for this work.

Luis shows how to create styles at rocket speed using batch renaming and the Styler plugin.

“Figma’s Designer Advocate Luis Ouriach has been collecting your questions in chat and online. He’ll dig in with our speakers to tackle design systems questions big and small.”

Luis talks to Santosh Komaragiri from Dataguard, who showed how they manage their Figma workspace. Their team has built some incredibly detailed product, marketing, and brand design systems which shows how you can take Figma to new levels of usage.