Get started

Overview

Nova empowers you to focus on solving complex user problems instead of reinventing pixels. It provides a consistent, unified design language, so you can tackle complex information architecture and interaction flows, knowing the foundational components are already aligned with brand and accessibility standards. Nova's shared language and matching design-to-code components eliminate guesswork and handover friction, ensuring your design intent is executed with perfect fidelity and freeing your team to focus on higher-level collaboration.

The ecosystem

When you hear people talking about Nova, it’s important to know that it is more than just a single library or documentation site. Nova is an evolving design system for Elia Group that establishes a common design language. It provides an integrated, brand-aligned system—including libraries for designers, developers, and accompanying documentation —which in turn provides the foundation for creating consistent, reusable, and high-quality products.

Explore the Foundations

Learn how Nova ensures scalability and consistency:

Get the design kits

Every designer at Elia Group should use the following design kits as a starting point for building UIs. Our core design kits contain primitive elements, components, and guidelines

Internal users

Sign into Figma using SSO
Access our Figma organization using SSO with your company email (Elia or 50hertz).

Turn on Nova libraries
Inside a design file, navigate to the Main menu panel in the top left of the toolbar (A). Open the menu and select Libraries from the list (B)

Then, in the Libraries modal that appears, find the Web - Nova Tycho library and Icons - Nova Tycho (C) and select the “Add to file” button to add the library.

External users

Navigate to the community space (A), search for Elia Group (B), see and duplicate the Nova library to your workspace (C). You can also head straight to the Community file

Use the design kits

Now that you understand the foundations, it's time to start designing. This section provides the essential guides to get you working effectively with our Figma libraries.