thoughtbot Design Link Pack: January 2022

Alex Chen

thoughtbot January 2022 design links cover image

Ever wonder what the thoughtbot designers share on Slack? Enter the Monthly Design Link Pack Newsletter™. Enclosed, you’ll find our monthly roundup of what we’ve been reading, seeing, playing with, and ooh-ahh-ing

Just Figma Things :sparkles:

Automator for Figma: A paid Figma plugin to automate actions

Figma Updates: Figma’s 32 little big updates

Figsite: Turn Figma into a no-code website editor

Figma Store: Figma’s storefront! I’ll take one of each, please

Spacer Components in Figma: Using spacer components to drive consistency in Figma

Figma Academy: Learn advanced design tactics with hands-on lessons delivered directly inside of Figma

CSS Goodies

Codepen: Cool hover effect

Getting Started With CSS Cascade Layers: Be more intentional about ordering the “layers” of CSS rules as a new method of cascade management.

CSS Cascade Layers: Una Kravetz gives an overview of the new @layer and layer() CSS primitives

Parcel CSS: A New CSS parser, transformer, and minifier

Non-boring Gradients: Gradient generator for more awesomeness

Tailwind x Prettier: Prettier plugin for automatically sorting Tailwind classes

Design Systems

Backlight: A collaborative platform empowering front-end teams to build and ship great Design Systems

Design Systems with Backlight: Build, Ship, & Maintain Design Systems with Backlight

Hey Design Systems: A design systems resource with resources

Atomic Design and Storybook: Storybook and atomic design podcast w/ Brad Frost

Typography

Gooper: A goopy, swashy, fat faced typeface

Utopia: Elegantly scale type and space without breakpoints

Strikethrough: Typography messages of protest for civil rights

font-variant-numeric: CSS tip: align numbers neatly in a tables, progress counters, etc.

Eye Candy :candy:

Mushroom Color Atlas: Explore the chromatic universe of fungi

British & Exotic Mineralogy: Explore all 2,242 illustrations from James Sowerby’s compendium of knowledge about mineralogy

Music For Programming: MFP (music for programming) got a makeover!

Emoji to Scale: Your favorite emojis. To scale (more or less)

Good Reads :book:

“Agile” is eating design’s young: A critique and exploration of embedded designers

Metaphors We Web By: A history of our metaphorical understanding of the web

Resources for the designer toolkit

Descript: Automatic and human-powered transcription

Laws of UX: A collection of best practices that designers can consider when building user interfaces

This month’s newsletter is brought to you by…

We've been helping engineering teams deliver exceptional products for over 20 years. Our designers, developers, and product managers work closely with teams to solve your toughest software challenges through collaborative design and development. Learn more about us.