Finalize Designs using the Design System

You can customize the UX designs in our Figma-based UIKit Design System for the use of your developers. Please reach out to the Zendrive Support Team to obtain access to the latest version of the UIKit Design System.

Customize Design Elements

Modify Master Components

Export Design Customizations

The UIKit Design System

The UIKit Design System comes with the following pages, which you can access via the left navigation menu:

  1. Introduction: Provides a short description of the Design System with important instructions on how to use it.

  2. Foundation: Contains a preview of various style resources such as colors, fonts used, icons, graphics and so on.

  3. Modules: Contains master objects (such as dialog widgets, buttons, icons and so on) that can be customized once and reproduced across all application screens.

  4. Full Application Design: Contains all the screens in the application, which your UX designer can use while customizing the UX designs.

  5. Components: Contains all the master elements which are created once and used at multiple places.

Introduction to the UIKit Design System

In the next few sections we will discuss how a UX designer can customize the UIKit design, preview customizations and hand over the design to developers.