Offcanvas
overlay thumb
Finastra design system

Finastra design system

A comprehensive design system UI kit for scalable projects.

Extensive Component Library: The system provides a wide array of pre-designed UI components, including buttons, forms, and navigation elements, facilitating rapid prototyping and development.
Web Components Implementation: Built over custom properties, the design system includes a web components implementation of the UI kit, promoting modularity and reusability.
Theming Capabilities: It offers theming built over custom properties, allowing for customization and branding flexibility.
Developer Resources: The system supports various technologies, including Angular, TypeScript, and Web Components, and utilizes tools like Cypress and Jest for testing, enhancing the development workflow.
Design Resources: For designers, the system provides UI kits compatible with Sketch and Adobe XD, along with guidelines on color palettes, typography, icons, and data visualization, ensuring a cohesive visual language.
Open Source and Community Engagement: Hosted on GitHub, the Finastra Design System encourages collaboration and continuous improvement through community contributions.