TESTING / METHODS
Going from inefficient to optimized,
Going from inefficient to optimized,
immutable to fluid.
This is a lot of components. Because the data stories had to be specific to a user, this required a modular approach. Lucky for me, Figma had just launched a new database feature. To make things scalable, I first organized the data as variables into a Figma Database and connect the variables to text in the Components so they auto-populate.
The components were built with variables such as [artist name] and [song title] which pulled directly from the user’s database to make custom prototypes.
![](https://freight.cargo.site/t/original/i/aa4792306898844af1dec1446c3279ad232739d029971996905fd5ef8f291af7/StatsAnimation.gif)