Design systems have changed the way we design and build applications. They are quickly becoming a cornerstone of an organization’s digital product strategy. In this article, Nick Babich presents a tool that offers a ready-to-use design system that can be adapted to your individual needs: meet Indigo.Design. This tool attempts to solve this problem by introducing a unified platform for visual design, UX prototyping, code generation and app development. Using this platform increases the chances that you will create a design system that takes root and becomes an essential part of the organization.
Read more…
It’s important to understand how animation can be used (or not used) in your design system. In this article, Val Head explains how you can help ensure that your brand is using animation consistently and effectively while also helping your team work faster. This is all about what to include in a set of motion guidelines for your design system and how to pull it off. Let’s get into it!
Read more…
Using a Structured Content Management System (SCMS) can be a great way to free your content from a paradigm that begins to feel its age. In this article, Knut Melvær suggests some overarching strategies, with some concrete real-world examples on how to think about working with structured content. This is the guide Knut wished had the last couple of years when running projects with headless Content Management Systems (CMSs), and we hope it will be helpful to you!
Read more…
Communication failures are human problems, so they’re messy and hard to solve. Design systems are one kind of tool that people look to in order to solve problems that are fundamentally about failures in collaboration and alignment. In this article, Amy Thibodeau will include practical advice that will be useful to anyone who is thinking about creating a design system to enable harmonious, integrated, and fundamentally successful product development.
Read more…
13 live webinars. Four days. That’s the Design Systems Virtual Summit which our friends at UXPin are hosting from February 13th to 16th. Join free from anywhere, and learn from experienced practitioners how to build and maintain a design system efficiently. The four days will be jam-packed with first-hand insights provided by experts from companies like Atlassian, Airbnb, Linkedin, IBM, and more. To make learning as practical as possible, each speaker will share lessons learned from real projects and case studies — takeaways that you can apply to your work right away.
Read more…
What are the key qualities of a well-functioning, enduring design system? Throughout the book, Alla will share an approach that will help you every day with your work.
Read more…
We’ve been closely working with Maya on this article, and we’re happy to see the final result now being published on 18F. We highly encourage more teams to share the lessons they learned when building design systems or pattern libraries, and we’re always happy to support them in writing, editing and shaping that article. This post is a re-post of Maya’s final article. In this article, Maya will shed some light on how to built tools to leverage industry-standard best practices and produce a design system with reusable components.
Read more…
In this chapter, Brad Frost will tackle all that goes into selling, creating, and maintaining effective design systems. What begins as a giant slab of rock can turn into a finely polished sculpture, thanks to a ton of hard work, genuine collaboration, constant communication, and plenty of iteration. If you like what you read, we’ve got you covered! The print version of Smashing Book 5 (including the eBook) bundled with the Atomic Design eBook is available today for just $29 — down from $49. Get the bundle now. You ready? Let’s go.
Read more…
When building a pattern library, we tend to focus too much on the modules, providing a structural view of the system, rather than showing how it can be used effectively — thereby undermining its usefulness to most team members. Finding the right way to architect a lasting pattern library is difficult. This article highlights some practical techniques and strategies to establish a pattern library that will be actively and consistently used by the entire team.
Read more…
The benefits of UI design systems are now well known. They lead to more cohesive, consistent user experiences. They speed up your team’s workflow, allowing you to launch more stuff while saving huge amounts of time and money in the process. They establish a common vocabulary between disciplines, resulting in a more collaborative and constructive workflow.
They make browser, device, performance, and accessibility testing easier. And they serve as a solid foundation to build upon over time, helping your organization to more easily adapt to the ever-shifting web landscape. This article provides a detailed guide to building and maintaining atomic design systems with Pattern Lab 2.
Read more…
