Finastra Design Kit
Get Started
Here you will find design assets to help you design application with consistent UX/UI faster.
Plan & Ideate
Persona
Persona template and User Journey.
User Flow
Library Kit to design fast series of steps a user takes to achieve a goal.
Create
UI Kit
The latest version of our UI kit is on Figma.
You can find previous versions hosted on GitHub. It includes:
- Foundations (colors, typography, elevation, basic material components…)
- Components (specialised components)
- Data Visualization (bar charts, line charts, column charts…)`
- Icons (material outlined and filled)
- Fonts
Dark theme will come next.
Quick start to use the UI Kit
Get the files
Download the Sketch or XD libraries.
Install the fonts
Install all the fonts from Fonts folder.
Sketch / Install the libraries
- Open the Plugins > Libraries > Add Library
- Add all libraries (Foundations, Components, Data Visualization, Icons)
- Create a new Sketch document. You can now browse existing components by going in Sketch > Insert > “Finastra Foundations Light” or “Finastra Components Light” to build new screens ;)
Start designing an app
Let’s give a try to the App Starter which includes all patterns from the global navigation like :
- Login
- Solution Page
- Product Page
- Apps Page
- Empty Dashboard
And/or give a look to other screens from the patterns folder.
Having questions?
Fill a GitHub issue.