Using the Lumo UI Kit:

  1. Install Sketch https://www.sketchapp.com/docs/getting-started/
  2. Install the San Francisco font: https://developer.apple.com/fonts 
  3. Add the Lumo UI Kit as a Sketch library: https://sketchapp.com/docs/libraries/adding-libraries 
  4. Start using the symbols in the library: https://sketchapp.com/docs/libraries/library-symbols

Sketch is a vector graphics editor well suited for UI design available for macOS. Sketch has a “symbols” concept which approximates components.

DOWNLOAD YOUR KIT FOR FREE NOW!

The Lumo UI Kit for Sketch contains the foundation for the Lumo design system (colors, typography, icons) and symbols for all Vaadin core components with the Lumo theme, which allow you to design user interfaces that are easily implemented using Vaadin components.