Use the following guidelines to make consistent and distinct Atlassian product designs:
Foundations: Our colors, grid, and basic visual styles
Components: All of our UI elements explained, including design usage guides
Content: Guidelines for written content across Atlassian products
Patterns: Larger experiences made of smaller components and styles
Our Figma tooling contains the latest foundations, components, and patterns for designing and building Atlassian products. To access the libraries plugin, see Figma tooling.
If you cannot find what you need within the Atlassian Design System, check the following resources:
More Atlassian components in Atlaskit
Industry best practices for accessibility and user experience
Atlassian employees can contact our team for help.
For now, non-Atlassian designers can reach out by commenting in our Atlassian Figma Community libraries.
Need to migrate to design tokens in Figma?
If you need to move your designs from old colors to design tokens, please see our migration guide.
Was this page helpful?
We use this feedback to improve our documentation.