Get started

Start designing and developing beautiful product experiences with Atlassian Design System UI foundations, components, and standards.

Content design

Learn product voice and tone, find UI patterns, and use inclusive language.

Design

Learn design guidelines and get access to Figma libraries and tools.

Develop

Set up your environment to use Atlassian Design System components, design tokens, and tools.

Figma libraries

Our Figma libraries contain the latest foundations, components, and patterns for designing and building Atlassian products.

Release phases

Our components and foundations have different release phases and availability.

Vision, values, and principles

The Atlassian Design System vision, based on our values and principles.