Better teamwork
by design

Build intuitive experiences using Atlassian’s design system, and stay up to date with design news.

A unified design language

Across all collections, every app feels cohesive and familiar, empowering teams through one design language.

About the design system

Learn how we craft moments that matter
Learn how we craft moments that matter

Designers’ workflow for shipping code

Want to ship real UI without becoming engineers? Learn a vibe-coding workflow using AI to polish interfaces directly in code, safely run the app, and open PRs without endless handoff loops.
Blog post
Design talk

The trick to AI prototyping with your design system

Blog post

Driving AI adoption through trust

Blog post

Behind the screens: Accessible design is good design

More design news

Design for AI

Designing for teams today means making clear, useful AI experiences.

Explore Rovo and AI patterns

Discover the system
powering our designs

The Atlassian
Design System

Color

Typography

A portion of the Confluence editor, demonstrating Atlassian heading and body text

AI Patterns

Accessibility

llustration showing a dropdown menu, and a voiceover prompt describing it.

Tokens

color.text.accent.red
color.text.accent.blue
color.text.accent.purple
color.text.accent.orange
color.text.accent.orange
color.text.warning
color.text.success
color.text.danger
color.link
elevation.surface.hovered
color.icon.accent.teal
color.icon.accent.lime
color.icon.accent.orange
color.background.accent.lime.bold
color.background.accent.lime.bold
elevation.surface.overlay
color.icon.disabled
color.icon.accent.magenta
color.icon.accent.teal
color.icon.accent.teal
color.border.accent.magenta
color.border.accent.purple
color.border.warning
color.border.brand
color.border.success

Iconography

A dropdown menu with a variety of icons
Get startedSee what's new

Shape the future of teamwork

A large group of designers and engineers from the Atlassian Design team pose together at a group offsite.

Join our global team of designers, engineers, and researchers, using elegant design to help millions of customers achieve more.

Browse open rolesExplore benefits and perks

Follow our journey

Five attendees taking a group photo at an event. A caption says "Atlassian Regional Design Studios - Melbourne."
, (opens new window)
Three team members smiling at an event. A caption says "Atlassian AI Design Studio - Melbourne."
, (opens new window)
Two attendees smiling together at an event. A caption says "Friends of Figma - Austin."
, (opens new window)
Three attendees posing together at an event. A caption says "Atlassian Regional Design Studios - San Francisco."
, (opens new window)
Two attendees taking a selfie at an event. A caption says "Atlassian Regional Design Studios - India."
, (opens new window)
A group of designers at an office. A caption says "Atlassian Regional Design Studios - Gdansk."
, (opens new window)
Follow Atlassian Design on Instagram
Charlie Sutton

Understanding the underlying material of new technologies is essential for designers to move beyond surface-level interaction and truly innovate.

Charlie SuttonChief Design Officer, Atlassian