Into Design Systems Weekly - Automation for Figma, Naming Components & more

Hey Friends, here are our weekly favorites from the #DesignSystems🪐space:

July 28, 2022

Hey Friends, here are our weekly favorites from the #DesignSystems🪐space:

Propstar for Figma: Generate all possible instances for your components — www.figma.com Generate all possible instances for your components, including every combination of variants and component properties, all in a tidy labelled table. Creating tables Select one or multiple components or component sets.Run Propstar.That's it! A table of instances will be generated behind your comp...

Automater - Automation Plugin for Figma — www.figma.com Automater is a continuously growing collection of basic and advanced utilities. It focuses on extending, and giving quick access to the familiar actions. You can support by 🥰 Like💬 Comment🎉 Share☕️ Consider buying me a coffee MacOS recommended shortcuts Command Control Option C - Copy selectionC...

Why do we call it breadcrumbs? Diving into the history of UI components — uxdesign.cc It started off with a toast. As I was crisping my bread, I wondered why UI notifications were called ‘toasts’. Curious, I started digging into the etymology of UI components. When your toast is…

How to push the limits of a design system — ux.shopify.com To keep up with the demand, a design system needs to evolve continuously. Ironically, the evolution of design systems seems to be a bit of a chicken and egg problem. The team working on the system…

My role as a Design Systems Manager at a growing SaaS Company — medium.com In 2016, I joined a small SaaS company as their first UI designer, second designer on the product team, and third designer across the whole company. As we’ve scaled up over the years, I’ve gone much…

Figma: Mirotone UI Library — www.figma.com The official Figma library for Mirotone, the component library for building apps for the Miro Developer Platform. What's inside? • Foundations: color styles and standard typography to build your layouts • Icons: updated icon set to be used in Miro apps • Components: all components currently avai...

Task management for managers — medium.com I’ve tried many attempts at task management in the past, and they often work for a few weeks, but rarely stick. As an individual contributor, this was not a critical problem most of the time. I had…

Upgrade your Design System in Figma — Part II — medium.com In the recent event, Figma has released many features that can make your component kit more powerful yet optimized. Let’s know how to upgrade your design system using these newly released Figma…

The Right Space Around Headings in Web Typography — pimpmytype.com Typographic Review of Hugo’s blog. We dive into the spacing around headings, talk about font sizes, how to style captions, and I adore his marginalia and favicon.

When you hear “atomic design,” you probably think of Brad Frost. Interestingly, he was not the first person to develop that method of delivering design as components, or even the terminology.

Building an Accessibility Library — uxmag.com Give UX designers the tools to build products everyone can use

Responsive layout grid guide for designers — uxdesign.cc Start your UI project learning how to build a responsive layout grid on Sketch or Figma for your responsive websites. Layout basically means the arrangement of predetermined items such as images…