A new plugin by Jan Toman: ​“Export variables from one file and import them to another. It’s great for migrating libraries, or when you downloaded a library from the community and you’d like to import variables to your existing design system.”

Library with all colors from Radix Colors, an open-source color system for designing beautiful, accessible websites and apps. Also made by Jan using variables and light/​dark modes.

Jan Toman made an unofficial Figma library of variables and styles that use the default Tailwind CSS configuration.

Jan Toman gathered the best practices for creating solid button components.

A good tip from Jan Toman on color-coding different types of components inside a Figma library, which allows everyone to identify the component’s source and set the right expectations from these components.

Jan Toman prepared a small file covers kit with several styles and unique waves-like artwork for each color. He also shared a few principles behind them.

Jan Toman wrote a guide for using Figma branches to improve the reliability of UI components. His approach of always using branches for design system contributions and creating a set of visual regression tests is similar to the best practices in the development world and should really help with making a design system more robust.

Jan Toman with a thread of different ways this plugin can be used to automate routine operations of maintaining a design library, removing the need to use checklists, and increasing consistency along the way.

A nice tip to UI kit maintainers from Jan Toman.

If you liked Jan Toman’s talk at Schema, check out this one as well.

Jan Toman (see his Schema talk above) with a few recommendations for design system maintainers.

Jan Toman, Productboard. ​“Not sure where to start? Get your libraries off the ground by learning how to craft UI kits that designers will love using. We’ll dive into building flexible components, aligning their API with code, and dealing with changes as the design system evolves.”