Personalized for Toyota Financial Services

Building a figma design system

Flexible Color Themes

Purpose and Vision

Matilda Usterud

Home

Next project

The foundation of my design system was built on colors, typography, and spacing variables, complemented by a comprehensive component library. By combining variables and properties, I was able to create a structure that provided both flexibility and consistency.

Practical UI

Harmonizing design with user needs: an in-depth research study

Components

The purpose of my the system was to create a cohesive, efficient, and flexible system that could evolve and improve in a sustainable way, while also saving time and resources for the entire team.

About

About

Home

Home

Matilda Usterud 2023

Apollo

Aug 2025

I documented properties and tokens for each component to clearly show how they could be configured and implemented. This made the components scalable, consistent, and easy to use in different contexts.

Apollo

View Project

https://www.linkedin.com/in/matilda-usterud-961758148/

The basics

For Toyota, it was important that the system could be adapted to each dealership. By using variables in Figma, I could easily create and apply different color themes, making it possible to personalize the system without losing consistency.