Software Alternatives & Reviews

Atlassian Design VS Material Design

Compare Atlassian Design VS Material Design and see what are their differences

Atlassian Design logo Atlassian Design

Design, develop, and deliver

Material Design logo Material Design

Google Material Design
  • Atlassian Design Landing page
    Landing page //
    2023-06-22
  • Material Design Landing page
    Landing page //
    2022-04-03

Atlassian Design videos

5 things our users want from the Atlassian Design System

More videos:

  • Review - Atlassian Design Week 2017

Material Design videos

YouTube Material Design app review

More videos:

  • Review - Material design
  • Review - Breakdown UI/UX Part I (Google Material Design) | Code Review #3

Category Popularity

0-100% (relative to Atlassian Design and Material Design)
Design Tools
74 74%
26% 26
Prototyping
100 100%
0% 0
Development Tools
0 0%
100% 100
Color Palette Generator
100 100%
0% 0

User comments

Share your experience with using Atlassian Design and Material Design. For example, how are they different and which one is better?
Log in or Post with

Social recommendations and mentions

Material Design might be a bit more popular than Atlassian Design. We know about 15 links to it since March 2021 and only 11 links to Atlassian Design. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Atlassian Design mentions (11)

  • 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 / 8 months ago
  • Making a UI Kit. Is there a good checklist for Must Have elements?
    Atlassian design system: https://atlassian.design/. Source: 12 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: over 1 year ago
View more

Material Design mentions (15)

  • 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
  • How we built a themeable multi-brand design system with Vue.js
    The main reasons organizations decide to build a design system are myriad and well documented. For the team at Monisnap our top priorities were:. - Source: dev.to / almost 2 years ago
  • ELI5 Why are programs so different between Windows and Mac?
    Why are they consistently different across their products? Companies have brand guidelines to make sure that you have a uniform experience with all of their apps. Here's Google's, for example. Source: almost 2 years ago
  • Roboto but Make It Flex
    Compare this to the Human Interface Guidelines which have stayed far more stable and neutral. [1]: https://material.io/design/introduction#theming. - Source: Hacker News / almost 2 years ago
  • A Googler stumbles through CSS
    - there is too much I would change so here are two resources that should help guide you Https://www.youtube.com/watch?v=FmSjtWTIx1o Https://material.io/design/introduction. Source: about 2 years ago
View more

What are some alternatives?

When comparing Atlassian Design and Material Design, you can also consider the following products

Design Principles - An open source repository of design principles and methods

Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions

Colorbox.io - Create accessible color systems 🎨

Material UI - A CSS Framework and a Set of React Components that Implement Google's Material Design

Facebook Design - Resources for Designers from the Facebook Design team

Angular Material - Angular Material is both a UI Component framework and a reference implementation of Google's Material Design Specification.