Steps to add the templates to the designer :

1. Create the folder .vaadin/designer/templates in your home directory.
2. Copy the completed html files to the folder in step 1.
3. Create a new design in your project using the Vaadin eclipse plugin and make sure you import the styles also.