---
title: Atlassian libera documentação da sua biblioteca visual
authors: Diego Eis
type: post
date: 2017-10-29
excerpt: A Atlassian liberou para uso público seu guideline visual.
image: https://i.imgur.com/Xp1oFuZ.png
categories:
  - Design
  - front-end
  - UX
  - framework
  - biblioteca
tags:
  - Design
  - front-end
  - UX
  - framework
  - biblioteca
---

![](https://i.imgur.com/OnzTBdE.png)

A Atlassian passou por um redesign recentemente, onde toda a sua suite de produtos foi totalmente redesenhada, de forma que não apenas o código fosse reescrito, mas também toda a linguagem de design. Nesse processo, eles deixaram livre para uso público todo o guideline de Design usado para criar esse redesign, como também uma biblioteca baseada em React com todos os componentes de interface, prontinhos para você implementar em qualquer produto.

![](https://i.imgur.com/dgG8NIw.gif)

Acesse o endereço [https://atlassian.design/](https://atlassian.design/) para ter acesso ao manual de design, com todas as instruções de como aplicar o design, estilo de escrita, cores, ilustrações e tipografia. Na parte de [Product](https://atlassian.design/guidelines/product/overview), eles ensinam como cada um dos componentes deve ser usado, bem como todas as regras visuais que devem ser respeitadas para que você tenha uma experiência decente nas interfaces que forem construídas.

![](https://i.imgur.com/ShlTOVy.png)

![](https://i.imgur.com/OTMeclP.gif)

Eles abriram para uso o que eles chamam de [AtlasKit](https://atlaskit.atlassian.com/), que é a biblioteca oficial de componentes de interface, com uma documentação impecável, mostrando todas as informações necessárias para você instalar e usar os componentes no seu produto, com exemplos funcionando e código de referência. Dá uma olhada no [repositório deles](https://bitbucket.org/atlassian/atlaskit).

![](https://i.imgur.com/1Tyj8vV.png)

Incrível o trabalho que eles fizeram. Impecável. Nem se compara com a antiga Atlassian, com produtos horríveis, difíceis de usar, sem apresso nenhum aos detalhes. Vale a pena dar uma conferida.

[https://atlassian.design/](https://atlassian.design/)