Codegiant is a DevOps web-based tool designed for software development teams, with issue tracking, hosted Git repositories, continuous integration and documentation and more all in one single platform.
Focusing on how to streamline the developer experience and remove any friction in the development process. Developers should be able to code, deploy and manage their projects in one simple experience.
It has become a huge and complex software in the past year, with all the inconsistent components and design, we decided to build a design system for Codegiant to solve the problem.
The Foundation of the component library includes : Color, Typography, Grid system, Spacing, Shadow, Icon used
Typography and Icons
Button and Nav
Row and Head
In the last step, we made a document for the component usage guide in order to make sure the components are defined and reusable in each scenario. Since we operated as a lean and small team, it’s more efficient to have the developers comment down their thoughts and discuss in the document.
Not only did this document solve the problem of the inconsistency throughout the app, it also fastened the development process, developers can follow the guide and use the right components more efficiently.