Styling applications is a world in itself, one not often given the importance and attention it deserves. With complex modern user interfaces, it’s only matter of time before your app becomes a mess of unordered styles, reducing consistency and making it harder for new code to be added or changes made to the existing codebase. In this article, Ajay NS welcomes you to take a detailed dive into the different ways of organizing styling in modern applications which often have complex interfaces and design patterns. Let’s walk through BEM, preprocessors, CSS-in-JS and even design systems to find out what works best for you.
Read more…
The web is wonderfully diverse and unpredictable because of wonderfully diverse people shaping it. In this new series of short interviews, we talk to interesting people doing interesting work in our industry and sharing what they’ve learned. Today, Vitaly Friedman talks to Brad Frost, author of the book Atomic Design that introduces a methodology to create and maintain effective design systems.
Read more…
A successful design system needs to become part of an organization’s DNA that help your team produce more consistent user experiences, and it also builds bridges between design and development, and help you improve your design process without exposing your orgchart. In this article, Nick Babich will talk about things you can do to set up your organization for long-term success with your design system.
Read more…
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…
