Updating conversion, creating readmes

This commit is contained in:
Jonas Zeunert
2024-04-19 23:37:46 +02:00
parent 3619ac710a
commit 08e75b0f0a
635 changed files with 30878 additions and 37344 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.
@@ -61,8 +61,7 @@
- Figma (https://www.figma.com/) - Helps teams create, test, and ship better designs from start to finish (cross-platform).
- InVision (https://www.invisionapp.com/) - The digital product design platform powering the world's best user experiences.
- Sketch (https://www.sketch.com/) - A design toolkit built to help you create your best work from your earliest ideas, through to final artwork (for macOS).
- AdobeXD (https://www.adobe.com/products/xd.html) - Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — its all right here, all in one 
UI/UX design tool.
- AdobeXD (https://www.adobe.com/products/xd.html) - Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — its all right here, all in one UI/UX design tool.
- Marvel (https://marvelapp.com/) - Marvel has everything you need to bring ideas to life and transform how you create digital products with your team. Placing the power of design in everyones hands.
- UXPin (https://www.uxpin.com/) - Design and manage your entire UX/UI project in one tool.
- Penpot (https://penpot.app) - Penpot is the first Open Source design and prototyping platform meant for cross-domain teams.
@@ -121,25 +120,22 @@
Coding tools
- Backlight (https://backlight.dev/) — With collaboration between developers and designers at heart, Backlight is a very complete coding platform where teams build, document, publish, scale and maintain Design 
Systems. 
- Backlight (https://backlight.dev/) — With collaboration between developers and designers at heart, Backlight is a very complete coding platform where teams build, document, publish, scale and maintain Design Systems. 
Pattern library
Styleguides and documentation
- Stencil (https://stenciljs.com/) - Toolchain for building reusable, scalable Design Systems.
- Zeroheight (https://zeroheight.com/) - Create beautiful living styleguides and document all your design system resources in one place. _Learn about this 
(https://medium.com/zeroheight/zeroheight-3-0-b6643c347596)_.
- Zeroheight (https://zeroheight.com/) - Create beautiful living styleguides and document all your design system resources in one place. _Learn about this (https://medium.com/zeroheight/zeroheight-3-0-b6643c347596)_.
Develop isolated components
- 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. 
- 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
@@ -170,14 +166,12 @@
Unit & Regression test
- Chromatic (https://www.chromaticqa.com/) - Visual testing for React, Angular and Vue. Chromatic ensures consistency in UI components, down to the pixel. Every commit is automatically tested for visual changes 
in the cloud.
- Chromatic (https://www.chromaticqa.com/) - Visual testing for React, Angular and Vue. Chromatic ensures consistency in UI components, down to the pixel. Every commit is automatically tested for visual changes in the cloud.
- Testing library (https://testing-library.com/) - Simple and complete testing utilities that encourage good testing practices.
Books
- Acing the System Design Interview (https://www.manning.com/books/acing-the-system-design-interview) - Book that gives the insights, skills, and practice needed to ace the toughest system design interview 
questions by Zhiyong Tan.
- Acing the System Design Interview (https://www.manning.com/books/acing-the-system-design-interview) - Book that gives the insights, skills, and practice needed to ace the toughest system design interview questions by Zhiyong Tan.
- Atomic Design (https://atomicdesign.bradfrost.com/) - Atomic design methodology for creating design systems by Brad Frost.
- Building Design Systems (https://www.apress.com/gp/book/9781484245132) - Unify user experiences through a shared design language by Sarrah Vesselov and Taurie Davis.
- Design systems (https://www.smashingmagazine.com/design-systems-book/) - A practical guide to creating design languages for digital products by Alla Kholmatova (Smashing Magazine).
@@ -188,21 +182,21 @@
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