Design Systems
Design Systems
Design Systems

Background

My background in design systems stems from working with both start-ups and larger businesses, where I've developed a knack for creating scalable and flexible design frameworks. With a focus on Atomic Design principles, my professional journey has been about finding the sweet spot between rigid consistency and the freedom to innovate.

I've built systems from the ground up, starting with essential elements and expanding as product needs grow. Through this, I've learned to establish design tokens and patterns that anticipate change and support a wide range of applications, ensuring design practices that can stand the test of time and adapt to new challenges.

My background in design systems stems from working with both start-ups and larger businesses, where I've developed a knack for creating scalable and flexible design frameworks. With a focus on Atomic Design principles, my professional journey has been about finding the sweet spot between rigid consistency and the freedom to innovate.

I've built systems from the ground up, starting with essential elements and expanding as product needs grow. Through this, I've learned to establish design tokens and patterns that anticipate change and support a wide range of applications, ensuring design practices that can stand the test of time and adapt to new challenges.

MVP Mindset

Beginning a design system is like planting a seed — it starts small. I approach it as an MVP, identifying and crafting the most essential components first. This was key in my work with energetic startups where quick, foundational development was essential for the system to grow and evolve alongside the product.

Beginning a design system is like planting a seed — it starts small. I approach it as an MVP, identifying and crafting the most essential components first. This was key in my work with energetic startups where quick, foundational development was essential for the system to grow and evolve alongside the product.

Atomic Systems

I’ve always leaned towards Atomic Design Systems in my design career. They offer a dependable structure with Design Tokens, Atoms, and Molecules acting as the consistent core, while leaving room for creativity with Organisms and Layouts. This balance lets designers mix and match elements with freedom, which I’ve applied in various settings from nimble startups to established giants.

I’ve always leaned towards Atomic Design Systems in my design career. They offer a dependable structure with Design Tokens, Atoms, and Molecules acting as the consistent core, while leaving room for creativity with Organisms and Layouts. This balance lets designers mix and match elements with freedom, which I’ve applied in various settings from nimble startups to established giants.

Modularity

I design with the future in mind, making sure each piece can work alone or together. This flexibility was crucial when working with diverse teams, ensuring the design system could stretch to new uses without losing its core identity.

Collaboration

I’ve always pushed for a design system that everyone can contribute to, not just designers. This collaborative spirit was essential when I worked with global corporations, where the design system helped bridge gaps between departments and streamline the product development process.

Versioning

Early on, I set up design tokens. They’re the secret to easily adapting to brand changes. From my time with startups, I learned to choose a handful of colors and fonts for simplicity, making the system easy to update and manage as the brand grows and changes.

Specializations

In my role, I balance user needs, business goals, and technical realities. While working on the Design System Team, I dug into how UI elements affect the overall experience. Bringing in specialists early on meant we could examine each component with depth, ensuring our system was robust and effective.

Components with multiple variants to allow fast prototyping for development and demos.

Components with multiple variants to allow fast prototyping for development and demos.

Components with multiple variants to allow fast prototyping for development and demos.

I believe that the atomic system format works best for most teams, allowing flexibility, creativity and easier implementation.

I believe that the atomic system format works best for most teams, allowing flexibility, creativity and easier implementation.

I believe that the atomic system format works best for most teams, allowing flexibility, creativity and easier implementation.

3

3

3

Design systems and component libraries that I've worked on as system lead.

Design systems and component libraries that I've worked on as system lead.

Design systems and component libraries that I've worked on as system lead.

1000+

1000+

1000+

Components designed, tested and implemented during my career.

Components designed, tested and implemented during my career.

Components designed, tested and implemented during my career.

At G-P we created two systems: our core Figma based Zero Height system for development, as well as a separate prototying and reference system to manage interactions using Framer.

At G-P we created two systems: our core Figma based Zero Height system for development, as well as a separate prototying and reference system to manage interactions using Framer.

At G-P we created two systems: our core Figma based Zero Height system for development, as well as a separate prototying and reference system to manage interactions using Framer.