AutoUncle's Design System
Improving design consistency and development time
Project Overview
My role
Senior Product Designer
Team
Product Manager
Designer (Me)
Developers (3)
Technical Integration Manager
Timeframe & Scope
4 months
Desktop
Outcome
Improved design consistency across the platform
Improved design and development time
Context
When I joined AutoUncle, one of my first key responsibilities was to build a clean, modern, and accessible design system in Figma.
This was specifically created for the dealer admin management platform.
The need for this initiative was clear, as the existing dealer tools suffered from low design maturity and a lack of visual and functional consistency.
Goal and Scope
The primary goal of the design system was to accelerate both design and development by introducing reusable components that could be easily maintained and kept in sync between Figma and code.
The project covered all foundational design tokens, including color palettes, typography, and shadow styles. It also included the creation of flexible, scalable components such as icons, buttons, dropdowns, input fields, tags, and more.
Result
The design system has been successfully used internally for over three years. It has significantly improved consistency across products and drastically reduced the time needed for both design iterations and development cycles.
Some examples of some of the components I created as part of this system:
