Get Started
Guide to add DESA library to your project
Maintained by Digital Design & Experience (DSE) team under the Division of Digital Banking Development & Operation from BRI
What’s BRIDex?
BRIDex is a design system built and supported by DSE designers. BRIDex includes an in-depth UX guide and UI component implementation for Android, Flutter, and the Web.
The use of BRIDex, enables a personal, adaptive, and expressive experience starting from Foundation and Component.
Using BRIDex
BRIDex, the design system is organized into two main parts the foundation, and components. Each section includes design guides and tools to help you customize and build a web and app using BRIDex.
Foundation
Foundation provides the basis of any great user interface, from accessibility standards to essential patterns for layout and interaction, such as: Typography, Colors, Iconography, Border Radius, Elevation, and Grid.
Components
BRIDex Components is an adaptable system of guidelines, components, and tools that support the best practices of user interface design.
Components help designers to speed up building a user interface. By providing template of user interface components such as: Card, Button, text field, modal, notification, and loading state. All components will be available in file asset after importing and activating BRIDex library. To use the components, user just need to drop and drag to the canvas, so it will reduce time to design a user interface.
How to get?
When the user is For External DSE team, make sure you fill out the request form first. to be able to use BRIDex design library.
For internal DSE team, make sure you are already invited to BRI DSE team in Figma or you can contact admin for invitation.
Guide
For Internal DSE
For External DSE