Figma component library for Atlassian Community

 
 

Company
Atlassian

Role
UX Design

 
Asset 13@4x.png

Role + Responsibilty

As a part of the Atlassian Community product team, I created hundreds of scalable components in Figma with variations to account for different user experiences and interactive states.

Asset 19@4x.png

UX Strategy

Built an extensive component library that is intuitive and in-line with the Atlassian design system and development standards. Allowing the team to rapidly prototype various user scenarios and layouts.

Asset 20@4x.png

Component layouts

Select auto-layout, fill container ↔ and hug contents ↕. Pure UX gold.

 
 
Asset 16@4x.png

Variants

Required text = True, not only was it important to build out the variant functionality, but also utilizing the toggle and dropdown selectors.

Asset 17 (2)@4x.png

File Structure

Documentation, file organization, properly naming elements and linking to the correct library are just a few of the fundamentals.