Into Design Systems Weekly — Automation for Figma, Naming Components & more
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.
Atomic Design in 1998 — danieldelaney.net
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…
