update lists

This commit is contained in:
2025-07-18 22:22:32 +02:00
parent 55bed3b4a1
commit 5916c5c074
3078 changed files with 331679 additions and 357255 deletions

View File

@@ -1,4 +1,4 @@
 Awesome Design Systems !Awesome (https://awesome.re/badge-flat2.svg) (https://awesome.re)
 Awesome Design Systems !Awesome (https://awesome.re/badge-flat2.svg) (https://awesome.re)
▐ A curated list of bookmarks, resources and articles about design systems focused on developers.
@@ -77,9 +77,10 @@
Accessibility (a11y)
- Accessibility for developeres (https://www.invisionapp.com/inside-design/accessibility-for-developers/) - 5 simple ways developers can help improve and enforce website accessibility.
- Accessibility for developers (https://www.invisionapp.com/inside-design/accessibility-for-developers/) - 5 simple ways developers can help improve and enforce website accessibility.
- Stark (https://www.getstark.co/) - Empowers you to design with accessibility in mind from conception of brand to fruition of product. Contrast checker, colorblind simulation and color suggestions.
- The A11Y Project (https://a11yproject.com/) - A community-driven effort to make web accessibility easier. See resources (https://a11yproject.com/resources/) section.
- InclusiveColors palette creator (https://www.inclusivecolors.com/) - Creates accessible custom Tailwind-style color palettes that pass WCAG contrast checks and can be exported to CSS/Figma/Adobe.
Design tools articles
@@ -134,8 +135,7 @@
- Backlight (https://backlight.dev/) - Collaborative platform to build Design Systems on the code side. Empower your front-end with an all-in-one solution to manage components. Quick start, speed-up collaboration. 
- Pattern Lab (https://patternlab.io/) - Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.
- React Styleguidist (https://react-styleguidist.js.org/) - Isolated React component development environment with a living style guide.
- Storybook (https://storybook.js.org/) - Build bulletproof UI components faster. Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and 
efficient.
- Storybook (https://storybook.js.org/) - Build bulletproof UI components faster. Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
- Styled System (https://styled-system.com/) - Styled System is a collection of utility functions that add style props to your React components and allows you to control styles based on a global theme object.
Storybook addons
@@ -182,22 +182,23 @@
Talks
- Building Accessible Interfaces: Patterns And Techniques (https://vimeo.com/331530115) - Will be building and refactoring common UI components, and share a couple of techniques she often uses to build with accessibility in mind by Sara
Soueidan.
- Design Processes & Systems in Craft (https://dotall.com/sessions/design-processes-systems-in-craft) - Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there? In this session, we'll 
look at how we can reframe our design approach to be more human-centric and systems-minded by Courtney Bradford.
- Design Systems - The State of the Web (https://www.youtube.com/watch?v=jpmeWXISU5E) - Conversation about the role of design systems in modern web development and how they can change the dynamics between designer and developer by Adam 
Argyle (Design Advocate at Google).
- Building Accessible Interfaces: Patterns And Techniques (https://vimeo.com/331530115) - Will be building and refactoring common UI components, and share a couple of techniques she often uses to build with accessibility in mind by Sara Soueidan.
- Design Processes & Systems in Craft (https://dotall.com/sessions/design-processes-systems-in-craft) - Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there? In this session, we'll look at how 
we can reframe our design approach to be more human-centric and systems-minded by Courtney Bradford.
- Design Systems - The State of the Web (https://www.youtube.com/watch?v=jpmeWXISU5E) - Conversation about the role of design systems in modern web development and how they can change the dynamics between designer and developer by Adam Argyle 
(Design Advocate at Google).
- Design Systems (https://youtu.be/K8MF3aDg-bM?t=4750) - Women of React conf by Neha Sharma (https://twitter.com/hellonehha).
- How To Build a Design System | UXPin (https://www.youtube.com/watch?v=h0MqkRJdaao) - Will teach you how to build a UX Design System using the UX Pin prototyping & design platform.
- Introducing Design Systems Into Chaos (https://youtu.be/FZSi1bK-BRM) - Shares practical examples on where to begin to set up a design system, what to prioritize, and how to make a big impact to customers and colleagues, to help you 
introduce systems that bring order to chaos by Diana Mounter (Design Systems Lead at GitHub).
- Jina Anne - Designing a Design System (https://youtu.be/7hYOLLO2gc4) - Will share strategies for how to approach, design and build an effective design system; how to successfully maintain the system to ensure ongoing usefulness by 
Jina (Lead Designer on the Design Systems team at Salesforce UX).
- Introducing Design Systems Into Chaos (https://youtu.be/FZSi1bK-BRM) - Shares practical examples on where to begin to set up a design system, what to prioritize, and how to make a big impact to customers and colleagues, to help you introduce 
systems that bring order to chaos by Diana Mounter (Design Systems Lead at GitHub).
- Jina Anne - Designing a Design System (https://youtu.be/7hYOLLO2gc4) - Will share strategies for how to approach, design and build an effective design system; how to successfully maintain the system to ensure ongoing usefulness by Jina (Lead 
Designer on the Design Systems team at Salesforce UX).
- Level up your Design System with styled-system (https://youtu.be/K8MF3aDg-bM?t=7280) - Women of React conf by Taley'a Mirza (https://twitter.com/TaleyaMirza).
- Maintaining Design Systems (https://aneventapart.com/news/post/maintaining-design-systems-by-brad-frost-aea-video) - Helps you learn how to keep your system and the products it serves in sync and understand how to maintain and evolve 
your design system to give your users get the best possible experience by Brad Frost (Front-end designer).
- Maintaining Design Systems (https://aneventapart.com/news/post/maintaining-design-systems-by-brad-frost-aea-video) - Helps you learn how to keep your system and the products it serves in sync and understand how to maintain and evolve your 
design system to give your users get the best possible experience by Brad Frost (Front-end designer).
Contributing
Contributions welcome! Read the contribution guidelines (CONTRIBUTING.md) first.
designsystems Github: https://github.com/klaufel/awesome-design-systems