Design Kit

Design deliverable

The designer's visual toolbox

The design kit is the set of graphic resources of a product; it includes buttons, forms, cards, navigation, icons… It lets you keep consistency across your screens and design new interfaces without having to recreate the same components over and over. These components, ready to use, let you save valuable time while designing your product.

Its purpose is mainly to guarantee visual consistency across every medium and to ease the work between designers and developers.

What is it for?

  • Designing quickly without starting from scratch on each new project.
  • Guaranteeing graphic consistency across a whole product.
  • Serving as a shared reference between designers and developers.
  • Making sure accessibility standards are respected from the design stage.
  • Letting a new designer get to grips with the product more easily.

What's the need?

  • Speeding up the production of mockups without sacrificing consistency.
  • Easily onboarding new designers with a documented working base.
  • Reducing errors between the different teams that contribute to the same product.

In practice

Having a design kit ready will save you considerable time during your creative phases. Rather than recreating every element for each new project or screen, the designer can pick directly from their library and assemble existing components. This will guarantee visual consistency across your entire interface.

And of course, for developers, a well-structured design kit will make integration far easier: components will be clearly defined, spacing and sizes standardised, which will considerably reduce back-and-forth between teams.

Frequently asked questions

Figma

Figma is the leading collaborative design tool. Design, prototyping, design system and handoff in a SaaS that connects designers, developers and product managers.

Read more about Figma

High-fidelity mockups

Designing the future screens with the visual layer added, to produce the final representation of the interface that gets handed over to the project teams for integration.

Read more about High-fidelity mockups

Curious to learn more about us?

Everyone talks about user experience, service design, ergonomics...
It's not always clear, and you'd like to find out, or sharpen what you already know.

Let's talk