How to start ​

...

Ecosystem ​

A design system is the ultimate LEGO set that empowers you to build any digital product with precision and creativity. It's a system of coherent and consistent guidelines and standards that drive the development of digital products with an excellent user experience.

Zurich Design System (aka. ZDS) is a collaborative project to create the bases for digital user interfaces (UIs), that eases and standardizes the design and development of those. Zurich Design System's vision is empowering a seamless digital experience by establishing a set of standards, guidelines and component libraries for desktop and mobile digital products that manage design at scale, increase productivity and create a shared visual language and consistency across all different digital channels.

Combining the value of Figma's real-time design capabilities, the comprehensive, easily accessible and user-friendly UI offered by ZeroHeight and the ability to explore and visualize your components with Vitepress, offers an effortless transition from design to documentation to development. All while ensuring a smooth and cohesive flow across ZDS, and this is why we have chosen this set of technologies to provide the best experience to you.

Documentation ​

...

Design documentation ​

ZeroHeight is the new documentation platform oriented to the design.

Can be found under design.zurich.com.

Vitepress documentation ​

Vitepress is the tool of choice for Front end developers

Attention!

The version selection is still not ready due to the cloud infrastructure.

The points of access to the outcome of the ZDS for documentation purposes are:

Tutorials and training ​

Attention!

Coming soon.

...