diff --git a/docs/features/software-templates/writing-custom-field-extensions.md b/docs/features/software-templates/writing-custom-field-extensions.md
index 56c7310809..e32aa4e78d 100644
--- a/docs/features/software-templates/writing-custom-field-extensions.md
+++ b/docs/features/software-templates/writing-custom-field-extensions.md
@@ -21,12 +21,14 @@ Field extensions are a way to combine an ID, a `React` Component and a
 `validation` function together in a modular way that you can then use to pass to
 the `Scaffolder` frontend plugin in your own `App.tsx`.
 
-You can create your own Field Extension by using the `createScaffolderFieldExtension` `API` like below:
+You can create your own Field Extension by using the
+`createScaffolderFieldExtension` `API` like below:
 
 ```tsx
-//packages/app/scaffolder/
-const CustomFieldExtensionComponent = () => {
-
-}
-
+//packages/app/scaffolder/MyCustomExtension/MyCustomExtension.tsx
+export const MyCustomExtension = () => {};
+```
 
+```tsx
+// packages/app/scaffolder/MyCustomExtension/validation.ts
+```