Unity Cloud Foundation Design System

Willing the web design system into existence

Background

When I joined Unity, the web dashboard teams relied on a loose collection of pre-built UI components for the majority of front-end development. As the number of teams, features, and customers began to scale dramatically, I took initiative to start building and managing a new design system.

The Cloud Foundation Design System was born and is now the de-facto design system for all web products at Unity, used by over 20 product teams.

Solution

  • Introduced a revamped Figma library using the latest features including variables, auto-layout, instance swapping, and more

  • Created web portal and storybook to showcase demos of all components

  • Added the first ever dark theme, a much desired feature from our customers

  • Created and managed a simple governance process, utilising Github issues and Github project boards

  • Created and facilitated weekly meeting cadence to align stakeholders on design system updates

Impact

The Cloud Foundation Design System is now the de-facto design system for all web products at Unity, used by over 20 product teams. It is now the second biggest design system at Unity, after the flagship Unity Editor (engine).

Get in touch

charles.y.hu@gmail.com

Unity Cloud Foundation Design System

Willing the web design system into existence

Background

When I joined Unity, the web dashboard teams relied on a loose collection of pre-built UI components for the majority of front-end development. As the number of teams, features, and customers began to scale dramatically, I took initiative to start building and managing a new design system.

The Cloud Foundation Design System was born and is now the de-facto design system for all web products at Unity, used by over 20 product teams.

Solution

  • Introduced a revamped Figma library using the latest features including variables, auto-layout, instance swapping, and more

  • Created web portal and storybook to showcase demos of all components

  • Added the first ever dark theme, a much desired feature from our customers

  • Created and managed a simple governance process, utilising Github issues and Github project boards

  • Created and facilitated weekly meeting cadence to align stakeholders on design system updates

Impact

The Cloud Foundation Design System is now the de-facto design system for all web products at Unity, used by over 20 product teams. It is now the second biggest design system at Unity, after the flagship Unity Editor (engine).

Get in touch

charles.y.hu@gmail.com

Unity Cloud Foundation Design System

Willing the web design system into existence

Background

When I joined Unity, the web dashboard teams relied on a loose collection of pre-built UI components for the majority of front-end development. As the number of teams, features, and customers began to scale dramatically, I took initiative to start building and managing a new design system.

The Cloud Foundation Design System was born and is now the de-facto design system for all web products at Unity, used by over 20 product teams.

Solution

  • Introduced a revamped Figma library using the latest features including variables, auto-layout, instance swapping, and more

  • Created web portal and storybook to showcase demos of all components

  • Added the first ever dark theme, a much desired feature from our customers

  • Created and managed a simple governance process, utilising Github issues and Github project boards

  • Created and facilitated weekly meeting cadence to align stakeholders on design system updates

Impact

The Cloud Foundation Design System is now the de-facto design system for all web products at Unity, used by over 20 product teams. It is now the second biggest design system at Unity, after the flagship Unity Editor (engine).

Get in touch

charles.y.hu@gmail.com