Bitget Design System
The component library is a vital part of the design system, comprising a collection of components that can be directly utilized to create interactive elements and construct pages within our standard interface design workflow.
It can function autonomously as individual components or address design challenges in comparable scenarios through structures or patterns formed by multiple components. The development of the component library involves crafting solutions within constraints, ensuring that component usage adheres to specific specifications and can be reused across various business scenarios according to a standardized system.
An effective component library is instrumental in improving the efficiency of both designers and developers, enhancing design professionalism, and ensuring a consistent, learnable, and branded product experience. Its fundamental features must include universality, flexibility, and reusability.
Universality: The components should be basic and common enough, devoid of specific business attributes. Everyone involved in the design process should understand the function and purpose of these components, and they should possess a certain degree of scalability.
Flexibility: The components should be adaptable and combinable in various ways, allowing for the rapid creation of interaction frameworks and prototypes across different scenarios. They should also be capable of accommodating new business needs as different page structures evolve.
Reusability: Components should be suitable for multiple businesses or products and capable of being reused frequently in both the design process and development.
Icon Style
Atomic component
Do & Don’t