Atlassian Design Reviews and details

Social recommendations and mentions

• Getting Started with Color Module for Your Design System

  Atlassian Design System: Atlassian's Design System encompasses a color module encompassing primary, secondary, and functional colors, along with an extended palette for shades and tints. The system provides comprehensive guidelines for effective color usage and emphasizes accessibility. - Source: dev.to / 7 months ago

• Making a UI Kit. Is there a good checklist for Must Have elements?

  Atlassian design system: https://atlassian.design/. Source: 11 months ago

• What's the best way to encapsulate a feature to make it reusable?

  Regarding discoverability, you could build a directory with documentation. Similarly to how design systems are documented, e.g: https://atlassian.design/ But if you really want to share them you'll probably need to evangelize it somehow. Source: about 1 year ago

• UI Design Roadmap 2023

  Step 5: Study design system Atlassian design system Primer design system Spectrum, Adobe’s design system Carbon design system. - Source: dev.to / about 1 year ago

• Who would you say are companies that prioritize UX?

  Have you checked out https://atlassian.design/ and https://www.atlassian.com/team-playbook? They're pretty good. Source: about 1 year ago

• Looking for a general purpose design guide

  You could use a framework like Tailwind to put together a component library. Tailwind CSS offers a lot more customization than Tailwind UI. You may be able to find an existing starting package that is already build for Storybook. You’d probably still need to reference some systems as you identify what components you’re using. Atlassian has really good documentation that I’ve referenced for a few projects. Source: over 1 year ago

• Building a design system with Radix

  Some examples of popular design systems include Google’s Material Design, the Atlassian Design System, and Carbon Design System by IBM. - Source: dev.to / over 1 year ago

• Druids by Datadog

  Other great sources of DS docs: https://atlassian.design. - Source: Hacker News / over 1 year ago

• Companies that charge 20-30k per web design. What do they provide?

  Scale: Designing for scale involves creating a design system and component lib with all the components required across the platform, defining and applying shared global characteristics (sizing, spacing, alignment, color, controlled variations on all of these), and documenting it in a way that creative, content, and devs can all understand it. That's a labor-intensive process, but if visual presence and... Source: almost 2 years ago

• Need help finding open source design system/UI kit

  You can always go for the default design system, like Material Design Systems for Android, and Human Design System for iOS. A good third party design system that I usually use is the Atlassian Design System. Source: over 2 years ago

• Component library setup with React, TypeScript and Rollup

  Component libraries are becoming more and more popular by the day, especially at organisations with multiple products and teams. Organisations are dedicating teams just to maintain the component library. The end goal here might be a Design System, with well thought our principles and practices. But, a good design system takes months or even years of research and a dedicated team which a lot of organisation cannot... - Source: dev.to / almost 3 years ago