Getting Started

Prerequisites

Before you can start developing a Vaadin application with Designer, you need to install the necessary development tools and set up a Vaadin project.

Follow the first articles of the In-Depth Course:

As an alternative, you can skip the steps above and download the end result of directly: download the project as a zip from GitHub.

Install Designer

Next, follow the Designer installation instructions for your IDE. The tutorial uses IntelliJ IDEA, but everything demonstrated is also available in Eclipse.

Important
Google Chrome is required
When you open a design file with Designer, the source code shows in your IDE, while the visual editor opens up in the Chrome browser. Install Google Chrome if you haven’t already.