Giacomo PiccioliniSenior UX/UI Designer

Pilatus Design System

Building from scratch the first Multi-level Pilatus Design System

  • IndustryIndustryAviation
  • DutiesDutiesDesign System
  • TechnologiesTechnologiesFigma & FigJam, Storybook, Jira
  • YearYear2023
DS image
Streamline the production, deployment, and governance of a multi-platform Design System for an Aviation Company with more than 30 Products.

My Role

I have collaborated with two cross-departmental designers to address a key challenge: the lack of a unified visual identity. After defining the system’s structure and aligning global-local components with devs handoff rules, we transitioned from execution to leadership, overseeing outsourced production. I now focus on strategic refinement, maintaining consistency, and designing missing components.

One central Source, for many Platforms

My biggest challenge wasn’t just building a clean and functional design system — it was making sure product teams could collaborate easily while connecting global and local design elements.

I helped create a shared foundation: brand guidelines, design tokens, styles, and templates, all in one place and accessible to every team.

On top of that, we built systems tailored to each framework (React, Angular, etc.) to keep things flexible but still consistent. The idea was to define one common core of rules and styles for all projects. From there, we adapted components to fit each tech stack. Each project then used a local design system that stayed connected to the core but also gave designers space to be creative.

To improve collaboration between design and development, I introduced shared boards, weekly syncs, and clear diagrams. These explained not just how to build and update components, but also when and why to use them.
Mockup image
Mockup image

How?

Modular Libraries: The design system utilized a modular and cascading framework for token and component files.

Modular Layout: We offered a highly adaptable set of section layouts that balanced flexibility and creative freedom for each Software.

Tokens: By using component tokens for every allowed elements, brand design teams gained greater granularity in customizing token values to align with their brand styles.

Automatization: Using plugins, we tried to automatize export and updates at tokens/style level, in order to not miss anything.

Local Components

Each product team built its own framework-specific system, extending and combining core components as needed.

This balance allowed for creativity and innovation, while still leveraging shared tokens and components—ensuring consistency and benefiting from automatic updates across projects.
Mockup image

End-to-End Ownership

This was my first large-scale design system project for a complex, multi-team organization.
I have collaborated in leading efforts across all fronts:

  • Technical: Created reusable components, tokens, and styles.

  • Governance: Defined guidelines based on accessibility (WCAG), frameworks, and best practices.

  • Operations: Built scalable workflows and collaboration models for cross-functional teams.
Mockup imageMockup image