Documentation

Documentation versions (currently viewingVaadin 23)
New Acceleration Kits: Observability Kit, SSO Kit, and Swing Kit. Read the blog post.

Getting Started

Vaadin Designer is compatible with both Community and Ultimate Editions.

Install the Plugin

  1. Open IntelliJ IDEA

  2. Go to the plugin list

    1. On Windows: File  Settings  Plugins

    2. On Linux: File  Settings  Plugins

    3. On macOS: Choose IntelliJ IDEA  Preferences  Plugins

  3. In the search field, type “Vaadin”

  4. Press Install on Vaadin Designer

  5. When the installation has finished, press the Restart IDE -button, confirm to restart and wait for the IDE to start up again

IntelliJ plugin install dialog

Starting a Free Trial and Validating Your License

When you open Vaadin Designer for the first time, you need to log in to https://vaadin.com to validate your license:

  • If you don’t have an active subscription or trial: Click Start free trial and log in with your credentials. This gives you access to Vaadin Designer, as well as other useful development tools, such as TestBench, Charts, CRUD, Grid Pro, and more. See the pricing page for more details.

  • If you have an active subscription or trial: Click Have a subscription? and log in with your credentials.

Vaadin license dialog
Vaadin license dialog

A separate license key is required for each developer. If you choose not to supply a license, you’re unable to see your design.

If, for any reason, you need to remove or change a valid license, it’s located in ~/.vaadin/proKey in Unix systems and C:\Users\<username>\.vaadin\proKey in Windows.

Next Step

Proceed to the next step to start building the application: Build your main view

E4E4A6D3-2825-4420-9EAF-FAD9BA653CC7