Into Design Systems Favorites — The Future of Design Systems & Tokens
Hey there, Design System friend!
We hope you’re doing well. We’ve been busy lately scouring the internet for the latest and greatest in the Design Systems world, and we wanted to share our favorites with you. So grab a cup of coffee, kick back, and check out what we’ve been loving in the Design Systems space lately. We hope you find something valuable and inspiring!
The Future of Design Systems Conference — Recordings — intodesignsystems.gumroad.com
Are you ready to take your Design Systems skills to the next level? Our Design Systems conference was a huge success, but if you missed it, don’t worry! You can still get all 22 recordings of live presentations and Q&As — that’s 20 hours of top-quality content from over 20 industry experts, plus two workshops to help you dive deeper into the world of design systems.
Join us for a deep dive Into Design Systems with speakers from Volkswagen, IKEA, PayPal and many more. You’ll learn from the best in the business and come away with new skills and insights that will help you take your career to the next level.
How I name Design Tokens and Components — bootcamp.uxdesign.cc
A brief, but hopefully effective, walk through my process of creating names for my components and all three levels of Design Tokens. Naming conventions help us to onboard new team members, share an…
The Easy Way to Build Responsive Components in Figma — medium.com
When it comes to building components in Figma, either for yourself or your team, it’s often necessary that those components work well within various situations and for different screen widths. This…
How to keep proportions when swapping different size icons in Figma — uxplanet.org
Are you working on a product with a lot of different icons? Figma makes it easy to swap out different icon sizes without altering the design proportion. This guide will show you how to keep proportions when swapping different size icons in Figma, so your icons look uniform and professional.
Design Infrastructure Engineering at Wayfair — medium.com
Wayfair is a large company with lots of product designers working on our web and app experiences. These designers use Wayfair’s design system, Homebase, daily to create consistent and accessible…
Design Tokens — a Design System Superpower! — uxplanet.org
Design Tokens, though it has been in the industry for a while, it’s only recently that it has picked up the pace. Most of the design systems have already started using them. And at Zeta’s DS for web…
Product Designers take note — tokens save time and money — medium.com
Design tokens are a foundational technology that supports the present and future. They are platform agnostic; regardless of what tools we use, they can be utilised. It’s a reusable baseline, enabling…
Design System Maturity Levels — millisecond-design.medium.com
This article is based on a talk I gave at the DesignOps 2022 Conference where I discuss building and coordinating a design system across multiple teams and their needs. Taking a scrappy, grassroots approach that follows a 5-level startup adoption model can be instructive for driving success within your organization.
Utilizing Icomoon to Quickly Swap Icons in Figma For Your White Label Design System — uxdesign.cc
For an e-commerce client, I was asked to help the UX team set up a white-label design system in Figma. There was already a design library in place in Sketch, but was specifically designed for the…
Towkns for Design Tokens — towkns.com
The simplest way to create, maintain and distribute design tokens.
Design System Videos:
Failing at Scale — Design Systems & Figma Library limits — Tiago Almeida — www.youtube.com
#designsystem #designsystems #figma The challenges of refactoring large scale Figma libraries, so that they don’t kill your computer while systematizing and …
Figma Plugins:
Redlines — Annotate your designs — www.figma.com
As designers, when preparing our work for developer hand-off, there comes a time where we need to annotate our designs with detailed measurements, specs, and intricate redlines — we all know how time-consuming this process can be. Alas! There is light at the end of the tunnel. 🙌 Figma Redlines is…
Want to dive deeper Into Design Systems?
Are you ready to take your Design Systems skills to the next level? Our Design Systems conference was a huge success, but if you missed it, don’t worry! You can still get all 22 recordings of live presentations and Q&As — that’s 20 hours 📼 of top-quality content from over 20 industry experts, plus two workshops to help you dive deeper into the world of design systems.
Join us for a deep dive Into Design Systems ⚡️ with speakers from companies like Volkswagen, IKEA, PayPal and many more. You’ll learn from the best in the business and come away with new skills and insights that will help you take your career to the next level. 🚀
👋🏻
We hope you find these resources useful and that they help to inspire your own work in the Design Systems space.
As always, we’d love to hear your thoughts and feedback in the comments below.
Cheers from your Design Systems Friends