Docs

You are viewing documentation for an older Vaadin version. View latest documentation

Docs

Figma Libraries

Designers can use these libraries to create pixel perfect UI designs and prototypes that can be handed over to developers with ease. The components in the libraries use the default Lumo styling, and you can adapt them to suit your branding and vision.

Libraries

Foundation & Components

vaadin ds library

The main library includes typography, color, and other visual styles, and configurable components that cover the same components which are available for developers.

View in Figma Community

Charts

vaadin charts library

Configurable charts which correspond to the chart types that are available in the official Vaadin Charts component.

View in Figma Community

Icons

vaadin icons library

The components in this library are interchangeable with the icons that are bundled in the main library.

View in Figma Community

Figma Community

You can follow Vaadin in the Figma community as well as duplicate, like, and comment the libraries.

Vaadin in Figma Community

How to Use

If you are unfamiliar with Figma libraries, you can start by reading Figma’s official guide to libraries.

8F949216-B5E6-4C62-A16B-FCC60ADF567A