Key.com
Component Library
Role: System Designer
Craft: Design Systems, Figma Libraries, Product Management
Year: 2024-2025
Our Goal
Build a solution to speed up design-to-development time and create a consistent experience.
Overview
We originally had a component library built in Sketch, but over time, it became outdated and hard to maintain as our products and team evolved. Designers were spending too much time rebuilding components or tweaking things to fit, which slowed down our workflow and led to inconsistencies across experiences. We knew we needed a more flexible, scalable system — something that could keep up with how fast we were moving. Rebuilding the component library in Figma gave us a fresh start. We used Figma variables to create a strong foundation with things like color, typography, spacing, and sizing, so that every component is built consistently from the ground up. Now, designers can move faster, stay aligned, and spend more time focusing on creating better, more unified work.
Figma Variables
After creating foundational elements we used Figma's variables to make them consumable for the system and users.
Figma Components
Building upon the foundation, we created Figma components that mirror code and are easy for designers to consume when building.
Conclusion
The component library combines variables, styles and components for a consistent, easy design experience.
Impact
Having a Figma component library has massively boosted our designers' ability to move faster and smarter. With ready-to-go components at their fingertips, they can skip the repetitive work and dive straight into solving real problems. It’s removed a ton of friction from the process, making it easier to stay consistent without slowing down creativity. The end result? Designs come together quicker, look sharper, and feel more connected — and our whole team benefits from the momentum.
95%
adoption rate
85%
satisfaction
60%
decrease in time to design
82
figma components
35
text styles
64
Figma variables
Want to learn more?
I'm open to speaking more in depth about work, discussing speaking opportunities, or collaborations.
Contact Me
More Projects
Discount Tire Design System
 
ATT Device Management Platform
 
Key.com Website
 
IBM Spark Design Festival Research