Into Design Systems Weekly #35 — Ultimate Design Systems Resource List, Design Tokens and Colors

Hey Design System Friend, here are our weekly favorites from the #DesignSystems🪐space:

The Ultimate Design Systems Resources List — Design strategy guide — designstrategy.guide
All the relevant, latest resources to help you create your design system.

The Pyramid Design Token Structure: The Best Way to Format, Organize, and Name Your Design Tokens — stefaniefluin.medium.com
Design tokens are a common language and design decisions that form a system — in the form of UI characteristics. This might include things like colors, spacing, typography, radii, even animation…

How to organize your Figma design files like a pro; a complete and easy guide to organizing your design files in Figma. — blog.prototypr.io
Learn how to organize the information inside your Figma design files in an easy way. This guide shows simple steps to make the file structure organization easy to understand.

Designs with context = better collaboration — jackiezhangdesign.medium.com
As much time as we’ve spent crafting a better user experience, we should also look inwards and figure out how can we make others working with us a good experience as well. An aspect of better…

Mobile & desktop design scalability in a Design System — uxdesign.cc
Designing for multiple platforms may require different scales for user interfaces in order for the user to have the best experience when interacting with the different components; we may have a…

How to safely upgrade and deprecate components in Figma — uxdesign.cc
Releasing updated components in Figma can be tricky, especially when you’re upgrading from the old Figma variants to the new Figma properties. This post will cover upgrading the components through duplication, publishing & deprecation while keeping as many instance overrides as possible.

The perfect handoff, according to an ex-developer — uxdesign.cc
Getting the build to match your designs, and what developers really want from a handoff. Based on agile, cross-discipline teams using Figma.

Some interesting DesignOps definitions:

Design Systems:

Cedar Design System | REI Co-op — rei.github.io
The Cedar Design System provides digital teams with reusable UI components based on REI’s visual language.

Auro Design System | Alaska Airlines — auro.alaskaair.com
The Auro Design System and by extension, Auro Web Components are the core components for a new cross-team, multi-platform development strategy to ensure consistency of UI and experience for all of Alaska’s customers. Auro is an eco-system of design, core utilities, and web components designed to reduce design and development efforts.

Videos:

Multibrand Design System within the Volkswagen group & its brands — LIVE & Q&A — www.youtube.com
#DesignSystem #Figma #DesignSystems #DesignTokensMultibrand Design System within the Volkswagen group & its brands — LIVE & Q&ASpeakers:Thorsten Jankowski, U…

Distribute your design documentation — Mike Wilson live at Into Design Systems Conference — www.youtube.com
#DesignSystems #DesignSystemDocumentation #Figma #figmatutorial 👋🏻 Missed the conference?22 unique Design System 🎬 Recordings now on sale: https://www.int...

Thanks for reading! 🙌

Enjoy your day and hope to see you next week.

Cheers from your Design System Friends