diff --git a/articles/tools/designer/using-designer/java.adoc b/articles/tools/designer/using-designer/java.adoc
index 1ab131830b..d2b9c52751 100644
--- a/articles/tools/designer/using-designer/java.adoc
+++ b/articles/tools/designer/using-designer/java.adoc
@@ -29,17 +29,17 @@ image::images/designer-toolbar-java.png[]
 
 You can navigate to the companion file by clicking on its name in the toolbar. The file opens in your IDE.
 
-If you don't have a companion file for your design yet, you can create one manually. Here is a code snippet for a companion file that's a valid starting point for any design. It has been written as if it was a companion to an imaginary [filename]`my-design.js`. You have to adapt it by providing the correct values for your design to the [classname]`Tag` and [classname]`JsModule` annotations. The class names aren't relevant for Designer.
+If you don't have a companion file for your design yet, you can create one manually. Here is a code snippet for a companion file that's a valid starting point for any design. It has been written as if it was a companion to an imaginary [filename]`my-design.ts`. You have to adapt it by providing the correct values for your design to the [classname]`Tag` and [classname]`JsModule` annotations. The class names aren't relevant for Designer.
 
 [source,java]
 ----
 import com.vaadin.flow.templatemodel.TemplateModel;
 import com.vaadin.flow.component.Tag;
 import com.vaadin.flow.component.dependency.JsModule;
-import com.vaadin.flow.component.polymertemplate.PolymerTemplate;
+import com.vaadin.flow.component.littemplate.LitTemplate;
 
 @Tag("my-design")
-@JsModule("./src/views/my-design.js")
+@JsModule("./src/views/my-design.ts")
 public class MyDesign extends LitTemplate {
 
     public MyDesign() {