How I make tables like this with Figma.

A quick guide.

#uidesign The table is made of сells, rows, and a header.

First, create a variant set to house all variations of your cells and header cell components.

Expose nested props to be able to control individual details from the component level.

Here are my top color tips for @figma.

A thread (1/6) 🧵 Use colors from a team library. 📒

A color library will help communicate your stylistic decisions while staying consistent across bigger projects and teams.

Colors and text could be partitioned into separate libraries your team could access without cracking ongoing work.

Here are my top 10 plugins for managing, organizing, and polishing my design system in @figma.

A thread (pt.2).
🧵 Appearance by @glmrvn

This plugin helps generate a dark and light theme from your UI kit styles.

The plugin can apply custom themes (bulk update styles) to your selection, which makes it extremely helpful for managing multi-brand projects in #figma.

figma.fun/gpbUWn

Here are my top 10 @figmadesign plugins that helped build and control my design system.

A thread.
🧵 Figma Tokens by @six7.

A must-have for all DS enthusiasts.

It lets you create tokens based on your styles and particular values.

Tokens allow theming, updating, and seeing changes applied to the whole system, selection, or particular value. 🤯