Vaadin Designer

Compatible with: IntelliJ IDEA Android Studio
May 24, 2018
16 351

Vaadin Designer allows you to visually design user interfaces for your Vaadin applications using direct manipulation (WYSIWYG). It creates an HTML file with your UI design, and the Java needed to easily integrate it into your application. Vaadin Designer will speed up your layouting work, leaving more time to work on the logic.

Vaadin Designer supports designs from Vaadin 8 and Vaadin 10. For older versions, see Vaadin Designer for Framework 7.

Documentation and tutorials are on our documentation site:

Download plugin

Recent change notes

New in 3.0

Support for Vaadin 10 designs! Vaadin 10 designs are new way to declaratively compose your views. They support custom components, nested designs, javascript in designs, and more.

Full release notes available in

Changes in 3.0.2
  • Improve the Javadoc in newly created Java companion file.
  • Allow dropping components in the paper empty space to add a new root.
  • Generate id for component based on existing label property.
  • Hide the current design in palette components.
  • Fit the initial paper size to viewport size.
  • External preview has the same styling as deployed Flow application.

General usage instructions

Getting started