Docs

Documentation versions (currently viewingVaadin 25)
Documentation translations (currently viewingEnglish)

Figma Libraries

A list of official Vaadin Figma libraries.

Designers can create pixel-perfect UI designs and prototypes, that are easy for developers to implement, using the popular design tool Figma and the official Vaadin Figma libraries. Aura and Lumo have separate libraries, and you can adapt either of them to suit your branding and vision.

Libraries

Aura Theme - Vaadin Design System

Styles and components for designing Aura-based Vaadin apps. Includes all Vaadin Components available in latest Vaadin version.

Lumo Theme - Vaadin Design System

Lumo styles for typography, color and other visual elements. Configurable components that cover the same components which are available for developers.

Charts

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

Icons

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

Figma Community

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

How to Use

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

B8E8C699-91A9-44CE-BCDB-C200DE5DEB6B