Hi designers

Once you have your persona and user flow identified, jump to prototyping phase with ready to customize templates and sample apps available in Figma, Adobe XD or Sketch.

Tutorialslink

Watch our video tutorials below to see all the steps, from where to find the assets, download the files and how to install the libraries.

Prototyping your design with Finastra Design System

In this tutorial, see in details how to speed your app prototyping phase.

How to install your design UI kit
Design UI kit overview and app starter

In this tutorial, see in details how to create an application with our app starter kit!

How to create a table

In this tutorial, see step by step how to create a table with our ready to use component from the UI kit.

First step, download the UI kit !link

You are about to have access to hundreds of components and guides to build incredible apps and dashboards. The must being that you can create financial contents with our ready to use applications.

To get all of these amazing features, you need to first download our complete UI kit below:

UI kits

Design kit overviewlink

Here is the list of what you can find in our Design UI kit, separated in 3 categories, you can download the whole package or each of these files independantly.

Ideate & plan

Persona
Persona
Design guidelines | April 08, 2021

Here you‘ll be able to create your own Personas with a ready to use styled template

User journey
User journey
Design guidelines | July 02, 2020

Here you‘ll be able to create your own User Journeys with a ready to use styled template

User flow
User flow
Design assets | October 12, 2020

Here you ‘ll be able to create your own User Flows with a ready to use styled template

Create

UI kit
UI kit
Design assets | April 07, 2021

Here you‘ll find all the libraries (Foundations, Components, Icons and Fonts) you need to install to start create your projects

App starter kit
App starter kit
Design assets | November 02, 2020

Here you‘ll find ready to use templates of applications, with integrated navigations and specific components

Contribute

Contribute component
Contribute component
Design assets | April 07, 2021

If your want to contribute to our great Design System, please be welcome to put your new designs on this template to submit it to us, it will be reviewed and if compliant, it will ...