#design-systems

[ follow ]
ux-design
Medium
4 days ago
UX design

7 Controversial Myths About Design Systems

Design System misconceptions can hinder creativity and innovation in design teams. [ more ]
uxplanet.org
2 months ago
UX design

TUNE: 5 UI Kits You Need To Have In Figma

Design systems are crucial for UX designers' work.
UI Kits are subsets of design systems that consist of pre-built UI elements. [ more ]
Medium
2 months ago
UX design

How a multinational insurance company is managing design at scale through a design system

Design systems are key for managing design at scale
Organizations of all sizes are recognizing the importance of UX design foundations [ more ]
moreux-design
user-experience
Medium
3 weeks ago
UX design

Meet Ritmo, Musixmatch's cross-platform design system

Musixmatch evolved from a lyrics-based music player to a platform catering to music creators and podcasters, necessitating the development of a design system named Ritmo. [ more ]
Medium
2 months ago
UX design

Top 5 Principles for Building Effective Design Systems

Consistency is a crucial element in designing systems, including visual, functional, content, and platform consistency.
Design systems help achieve consistency, efficiency, and a cohesive user experience through rules and guidelines. [ more ]
moreuser-experience
collaboration
Medium
1 month ago
DevOps

Pushing the Limits of Continuous Integration: Releasing to Production on Every Change

Design systems with Bit promote transparent collaboration between developers and designers.
Feature toggling aids in safe and rapid updates by allowing partial feature releases and testing impact before full deployment. [ more ]
Medium
2 months ago
UX design

Optimising your design system with Figma's variables

Figma's Variables feature is beneficial for creating design systems.
Consider the 5 design system principles: Consistency, Scalability, Maintainability, Don't Repeat Yourself (DRY), and Code-friendliness. [ more ]
Medium
3 months ago
UX design

Introducing Spectrum 2: Our vision for the future of Adobe experience design

Designing a house requires collaboration, adjustments, and ongoing modifications, similar to designing software.
Design systems offer a unifying set of principles, components, and patterns for consistent user experiences at scale. [ more ]
LogRocket Blog
3 months ago
UX design

Atomic design components in UI design - LogRocket Blog

Atomic design is a methodology for creating design systems by breaking down interfaces into small and reusable components.
Atomic design promotes reusability and consistency, facilitates collaboration, and streamlines prototyping. [ more ]
Figma
1 month ago
UX design

The Right Code for Your Design System | Figma Blog

Design systems foster collaboration between designers and developers but face challenges in adoption. [ more ]
daverupert.com
3 months ago
UX design

Are Design Systems a zero-interest rate phenomenon?

Design systems provide value in creating and updating multiple pages and applications with consistency and efficiency.
Implementing design systems requires collaboration between design and development teams. [ more ]
morecollaboration
Medium
1 month ago
UX design

12 Figma tips to work more efficiently

New 'Select matching layer' tool for targeted selection
Efficient multi-editing tools for text, variants, and layer renaming [ more ]
InfoQ
1 week ago
UX design

Object-Oriented UX (OOUX) with Sophia Prater

Object-Oriented UX focuses on creating intuitive user experiences through identifying key entities, minimizing moving parts, and enhancing communication among designers and stakeholders. [ more ]
Medium
3 weeks ago
UX design

7 Controversial Myths About Design Systems

The article addresses misconceptions about design systems in the ECEMEA markets, highlighting the negative impact of strict enforcement and lack of flexibility on designers. [ more ]
LogRocket Blog
3 weeks ago
UX design

What is DesignOps? The essentials of DesignOps - LogRocket Blog

DesignOps streamlines design team effectiveness by focusing on workflows, infrastructure, design systems, and talent management. [ more ]
LogRocket Blog
1 month ago
UX design

A UX designer's guide to Storybook - LogRocket Blog

Design plays a crucial role in business success; design-led organizations tend to perform better. Storybook fills a gap in component libraries for collaboration between designers and developers. [ more ]
Medium
1 month ago
UX design

How this year's hair trends translate to the state of content design

Content consistency should be easy to maintain and scale, focusing on working with AI, building frameworks, and training in basics like microcopy.
Establishing content design should involve transparent planning, collaboration with design systems team, and avoiding dependency on individuals. [ more ]
Smashing Magazine
1 month ago
UX design

Iconography In Design Systems: Easy Troubleshooting And Maintenance - Smashing Magazine

Design systems can be challenging but are worth introducing for order in chaos.
Iconography is a significant part of design systems, with tips to make creation and maintenance enjoyable. [ more ]
LogRocket Blog
3 weeks ago
JavaScript

Radix UI adoption guide: Overview, examples, and alternatives - LogRocket Blog

The emergence and popularity of Radix UI, a headless UI component library simplifying development and maintenance for frontend developers. [ more ]
Frontend Masters Boost
1 month ago
Web development

Gap is the new Margin

Margin property in CSS might break component encapsulation at the design system level. [ more ]
Medium
2 months ago
Web development

5 Essentials for Modern Frontend Architecture

Frontend architecture has evolved to address complexities with design systems based on component libraries.
Design systems go beyond component libraries, encompassing a design language and independent component development. [ more ]
Medium
4 months ago
Web development

Top 10 React Design Systems in 2024

Design systems are important for UI development in React.
The best design systems for React in 2024 include MUI, Onsen UI, and Chakra UI. [ more ]
Medium
1 month ago
Web design

The Architecture of a Modern Frontend Design System

Design systems based on React components simplify development.
Structuring components meaningfully improves composability and reusability.
Building applications as a collection of components enhances shareability and reusability. [ more ]
Chris Coyier
3 months ago
Web design

Thoughts on a Global Design System

Every open-source design system is a "global design system", but they may fail because they don't align with the philosophy of a global design system.
The ideal adoption goal for a global design system is not 100% or 50%. The level of opinionatedness needs to be adjusted to strike a balance between usefulness and flexibility. [ more ]
UX Magazine
3 months ago
Web design

7 Must-Have Resources for UX Designers in 2024

Seven useful design resources for UX designers
These resources enhance efficiency, automate tasks, and improve user experiences [ more ]
Verou
2 months ago
Web design

Proposal: CSS Variable Groups

CSS Variable Groups aim to address pain points in design tokens and systems.
The color part of design systems includes core hues and neutrals, each with multiple shades and tints. [ more ]
Verou
2 months ago
Web design

Proposal: CSS Variable Groups

CSS Variable Groups is aimed at solving pain points regarding design tokens and systems.
The color part of design systems includes core hues, neutrals, and shade variations, typically defined with numerical suffixes like --color-red-600. [ more ]
Medium
2 months ago
UX design

Design systems: we often build castles over ancient ruins

Companies prioritize convenience over design system perfection
Start design system as a project to gradually replace main product components
Legacy issues and compromises in design system implementations [ more ]
Brad Frost
2 months ago
Artificial intelligence

AI and Design Systems

AI tools can supercharge design system efforts across various categories including writing component code and documentation.
AI can assist in tasks like writing component code, translating across frameworks, writing unit tests, accessibility reviews, and making documentation more inclusive. [ more ]
Medium
2 months ago
UX design

The power of patterns and playbooks in content design

Content components and patterns in design systems are crucial for consistency and focus on larger design issues.
Equipping content teams with tools like right questions, artifacts, and collaboration with UX research partners can help address contradictory demands. [ more ]
UX Magazine
3 months ago
Agile

A Pattern Language

Architecture, Computer Science, Agile, and Design Systems are all fields related to technology and software development.
They all involve problem-solving and designing solutions for complex systems. [ more ]
Brad Frost
4 months ago
UX design

A Global Design System

A Global Design System would improve the quality and accessibility of web experiences, save designers and developers time, and make better use of collective human potential.
Design systems have evolved over the years to create a library of common UI components that power an organization's digital products. [ more ]
Medium
4 months ago
UX design

Crafting an effective design system strategy

A design system is a product that solves concrete tasks
Creating a design system requires a strategy that treats it as a product [ more ]
Smashing Magazine
5 months ago
Angular

Building Components For Consumption, Not Complexity (Part 1) - Smashing Magazine

Design systems are important in product design organizations because they increase efficiency and time-to-delivery from design to engineering.
Adopting and maintaining a design system can be challenging due to issues like lack of adherence to guidelines and internal politics. [ more ]
Medium
5 months ago
UX design

The challenge of Design Systems adoption metrics

Adoption of Design Systems can be challenging due to various impediments.
Research and measurement of product adoption are essential to overcome these challenges. [ more ]
LogRocket Blog
5 months ago
UX design

17 Figma design systems you need to know about - LogRocket Blog

Design systems help maintain visual and functional consistency in digital products. They also help designers work more efficiently.
Figma design systems for Apple-powered apps include design systems for iOS, iPadOS, macOS, and visionOS.
There are many free design systems and UI kits available for designers to use and adapt. [ more ]
Medium
6 months ago
UX design

Shattering the Design System: Unleashing the Creative Revolution

Design systems can be viewed as restrictive frameworks or as catalysts for creativity and innovation.
The balance between adhering to design system standards and pushing creative boundaries is key for designers.
When design systems are seen as collaborators rather than dictators, they can empower designers to explore new realms of creativity. [ more ]
[ Load more ]