Atlassian Design System

Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.

About Atlassian Design System

The Atlassian Design System is a comprehensive set of design principles, components, and resources that help create a consistent and intuitive user experience across Atlassian products. It provides a shared language and toolset that helps teams create better products faster.

The system is organized around four core principles: Clarity, Consistency, Efficiency, and Delight. Clarity emphasizes good design that is easy to understand and use. Consistency ensures users can move between products with minimal effort and have a similar experience. Efficiency helps make sure that users can get where they need to go quickly and easily. Delight encourages product teams to think beyond simple usability to create an enjoyable and memorable experience.

The Design System provides a variety of resources to help teams build better products. It includes guidelines for creating user interfaces, components for prototyping, and helpful tips for creating a cohesive product. It also provides a library of assets such as icons, logos, and illustrations to help teams create a consistent look and feel across products.

The Design System is constantly evolving to keep up with the latest trends and best practices in design. It’s an ongoing effort to ensure users have the best possible experience when using Atlassian products.

FAQ

What is the Atlassian Design System?

What are the core principles of the Atlassian Design System?

The Atlassian Design System is organized around four core principles: Clarity, Consistency, Efficiency, and Delight. These principles help ensure that Atlassian products are easy to use, efficient, and enjoyable for users.

What resources are included in the Atlassian Design System?

The Atlassian Design System provides a variety of resources to help teams build better products. It includes guidelines for creating user interfaces, components for prototyping, and a library of assets such as icons, logos, and illustrations to help teams create a consistent look and feel across products.

How does the Atlassian Design System evolve?

The Atlassian Design System is constantly evolving to keep up with the latest trends and best practices in design. Atlassian actively solicits feedback from users and product teams, and updates the Design System accordingly.

Who can use the Atlassian Design System?

The Atlassian Design System is available to anyone who wants to create better products, whether they are an Atlassian customer or not. The resources provided by the Design System are designed to be useful for teams of all sizes and levels of experience.

Blog Posts About Design System

Introducing Design Systems to Your Organization

Design systems have gained increasing popularity among design teams in recent years as a way to streamline their processes and create more cohesive designs.

Design System Benefits for Product Teams

Design systems are the backbone of any product development team. They allow teams to work more efficiently, maintain consistency in their design, and deliver high-quality products to their customers.

Automating Design System Components with Tools

Design systems have become an essential part of modern web and application development. They provide a consistent and scalable approach to designing and building user interfaces...

Leveraging Design System Principles to Create Consistent Experiences

Design systems have become an increasingly popular topic in the world of UX and design, as they provide a structured approach for creating...

Design System Governance and Maintenance Strategies

A design system is a collection of design principles, components, and tools that are used to create a consistent and user-friendly experience across a product or brand.

Why We Should Pay Attention to Design Systems and How They Impact Our Designs

Design systems are becoming more and more prevalent in the UX world. In fact, Google Trends shows that searches for “design system” have increased by over 750% in the last three years alone.

Related Products View All

VTEX Design System

VTEX Styleguide is the design system for VTEX, serving as the home for all reusable patterns, components, and assets related to product design.

UI2 Figma's Design System

Figma's UI2 Design System is a comprehensive set of design guidelines and resources that help teams create consistent, high-quality user interfaces (UIs) across web, mobile, and other digital platforms.

Radius Design System

You may speed up your design system by using the opinionated collection of open-source tools and frameworks known as The Radius.

Primer Design System

Design, construct, and produce using the design system on GitHub

Paste Design System

At Twilio, the Paste design system is employed to create user interfaces that are intuitive, unified, and of the highest caliber. With tools and resources, Paste assists Product Designers and Engineers in creating consumer UIs in Figma and React.

Paradigm Design System

For Mail.ru products, Paradigm is a design system that enables us to preserve the integrity of the user experience while streamlining design and development resources.

Palmetto Design System

The goal of the Palmetto Design System is to make it easier and faster for us to produce applications with the Palmetto brand.

Pajamas Design System

These rules establish the requirements for maintaining a consistent brand image. The GitLab brand has developed into what it is today because to the cooperation of many contributors and iterative procedures, just like their product and business. It serves as a creative outlet for Gitlab's mission, vision, and core principles.

Orbit Design System

Open source design framework for your upcoming trip endeavor.

OSKRHQ Design System

A largely subjective but feasible method for creating adaptive digital interfaces with a shared anatomy.