Into Design Systems Newsletter of Silvia Bormüller 💥 - Issue #7
Hey there, here are my weekly favorites from the #DesignSystem🪐space:
A Designer’s Guide: Migrating Sketch to Figma — The Setup — medium.com We all know that migrating to another country takes a lot of planning, time and effort. Well, migrating a design system is no different. But not to worry, in this guide, I will be walking through the…
Designing with Dynamic Content in Figma — medium.design Have you ever wished you could populate any design with relevant and fresh content with just a single click? Or cycle through a bottomless repository of relevant content to help visualize your…
How to manage space in Figma using tokens — uxdesign.cc How to manage space in Figma using tokens, and how to make the spacers handy and transparent with the help of components.
Guide #006: How to start a code-first Design System — source.how Think reusability and shareability outside of your immediate projects. Try not to overextend yourself by building every use case
How we set up the FREE NOW Wave Component Library in Figma | by Sepeda Rafael | FREE NOW Blog | Dec, 2021 | Medium — medium.com The Wave design system is the foundation of all FREE NOW web products. Born from a developer initiative, it quickly became a cornerstone of web development and web design.
Figma - Design system roadmap planning — www.figma.com Delivery Hero's Armor design system is a community driven system catering to the needs of our internal products. We came up with this framework to plan our roadmap and wanted to share with you all. If you are planning a roadmap for your design system, give it a try. The steps are as follows: Li...
Where do you put spacing on design system components? — ericwbailey.design While creating mature components in Sketch and Figma both take a lot of upfront work, the way a designer interacts with the component differs based on design choices the app developers made about how components are constructed.
Visual regression testing for design systems with Figma branches — honzatmn.substack.com A guide for using Figma branches to improve the reliability of UI components.
Design Systems For Figma | Small Steps, Big Changes — www.designsystemsforfigma.com Ben Lister, a Senior Product Designer working on Gusto's Design System, breaks down evolving with a design system that matures, aligning with brand changes, and working with engineers and Figma's API.
Figma - Multi organisation design systems | How can we manage our libraries if the creation is in a different organisation? — www.figma.com How can we manage our libraries if the creation is in a different organisation? Full video walkthrough here: https://www.loom.com/share/b4a1ce10311040d583367ed2d1e1bf9b
How to deprecate old components in Figma design systems — medium.com A strategy to help ease some of the pain and confusion when deprecating unwanted components from your Figma design system.
Shell Components. The natural evolution + Figma community — blog.prototypr.io Recently I wrote about the concept (and potential uses) of Shell Components in Figma based design systems (not that the concept should only be used in Figma alone, it simply works with the ability to…
Design system FAQ: adoption and implementation — uxdesign.cc Foreword: I worked now 6+ years with Design Systems (DS). I was there when it started (Check this), and now I am here writing about what it has become. A buzzword, with a lot of noise around, that…