Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
Community Members
Community Events
Community Groups

Design docs and API docs to create UI Component Library


Hello everyone,

I would like to know it's possible to integrate a Design system (Design documentation) and an API documentation in Atlassian for other products. I really like the way that Atlassian has designed his own Design system. 

Here you can find it: Atlassian Guideline Product

Do anyone have an idea is this is possible? and how can it be done?

How can we created a Design System Manager (DSM) in Atlassian?.

Do they have an article/post of how they did it?

Design Doc

Screenshot 2020-01-16 at 14.19.57.png


Screenshot 2020-01-16 at 14.20.03.png

Thanks in advance.

1 answer

2 votes

Hi @saraadelalshora

Thanks for your kind words. We're glad you like the Atlassian Design Guidelines, Atlaskit and their corresponding websites.

Both and are custom built sites. The ADG site is built on top a CMS and the majority of the the Atlaskit site is generated directly from source code. They both use different parts of the Atlaskit library under the hood. 

So, I don't have an article to point you to, I'm afraid. An option would be to create a space with a similar page tree in Confluence and use images and code blocks to document your system. 

Good luck!

Suggest an answer

Log in or Sign up to answer

Atlassian Community Events