diff --git a/packages/kotti-ui/source/kotti-translation/hooks.ts b/packages/kotti-ui/source/kotti-translation/hooks.ts
index 4fb73d1c8d..fc305db317 100644
--- a/packages/kotti-ui/source/kotti-translation/hooks.ts
+++ b/packages/kotti-ui/source/kotti-translation/hooks.ts
@@ -11,6 +11,7 @@ import elementDe from 'element-ui/lib/locale/lang/de'
 import elementEn from 'element-ui/lib/locale/lang/en'
 import elementEs from 'element-ui/lib/locale/lang/es'
 import elementFr from 'element-ui/lib/locale/lang/fr'
+import elementId from 'element-ui/lib/locale/lang/id'
 import elementJa from 'element-ui/lib/locale/lang/ja'
 
 import { KT_TRANSLATION_CONTEXT } from './constants'
@@ -18,6 +19,7 @@ import { deDE } from './locales/de-DE'
 import { enUS } from './locales/en-US'
 import { esES } from './locales/es-ES'
 import { frFR } from './locales/fr-FR'
+import { idID } from './locales/id-ID'
 import { jaJP } from './locales/ja-JP'
 import { KottiTranslation } from './types'
 import { fixDeepMerge } from './utilities'
@@ -68,6 +70,7 @@ export const useTranslationProvide = (
 				'de-DE': deDE,
 				'es-ES': esES,
 				'fr-FR': frFR,
+				'id-ID': idID,
 				'ja-JP': jaJP,
 			}[locale.value]),
 	)
@@ -83,6 +86,7 @@ export const useTranslationProvide = (
 				'de-DE': elementDe,
 				'es-ES': elementEs,
 				'fr-FR': elementFr,
+				'id-ID': elementId,
 				'ja-JP': elementJa,
 			}[newValue]
 
diff --git a/packages/kotti-ui/source/kotti-translation/locales/id-ID.ts b/packages/kotti-ui/source/kotti-translation/locales/id-ID.ts
new file mode 100644
index 0000000000..4362310f51
--- /dev/null
+++ b/packages/kotti-ui/source/kotti-translation/locales/id-ID.ts
@@ -0,0 +1,69 @@
+import { KottiTranslation } from '../types'
+
+export const idID: KottiTranslation.Messages = {
+	KtBanner: {
+		expandLabel: 'Lihat',
+		expandCloseLabel: 'Tutup',
+	},
+	KtFields: {
+		optionalLabel: 'Opsional',
+		requiredMessage: 'Bidang ini wajib',
+	},
+	KtFieldSelects: {
+		loadingText: 'Memuat',
+		noMatchText: 'Tidak ada data ditemukan',
+		noDataText: 'Tidak ada data',
+		placeholder: 'Pilih',
+	},
+	KtFilters: {
+		addFilterLabel: 'Tambah Filter',
+		andLabel: 'Dan',
+		boolean: {
+			EQUAL: 'adalah',
+			IS_EMPTY: 'kosong',
+		},
+		clearAllLabel: 'Hapus Semua',
+		dateRange: {
+			IN_RANGE: 'di dalam batasan',
+			IS_EMPTY: 'kosong',
+		},
+		disabledLabel: 'Nonaktif',
+		emptyListLabel: 'Tidak ada Filter Diterapkan',
+		enabledLabel: 'Diaktifkan',
+		filterLabel: 'Filter',
+		filtersLabel: 'Filter-filter',
+		multiEnum: {
+			IS_EMPTY: 'kosong',
+			ONE_OF: 'salah satu dari',
+		},
+		number: {
+			EQUAL: 'sama dengan',
+			GREATER_THAN: 'lebih besar dari',
+			GREATER_THAN_OR_EQUAL: 'lebih besar atau sama dengan',
+			IS_EMPTY: 'kosong',
+			LESS_THAN: 'kurang dari',
+			LESS_THAN_OR_EQUAL: 'kurang dari atau sama dengan',
+		},
+		searchLabel: 'Cari',
+		singleEnum: {
+			EQUAL: 'adalah',
+			IS_EMPTY: 'kosong',
+		},
+		string: {
+			CONTAINS: 'berisi',
+			IS_EMPTY: 'kosong',
+		},
+		unsetLabel: 'Hapus Pengaturan',
+		whereLabel: 'Dimana',
+	},
+	KtFormSubmit: {
+		errorsSectionTitle: 'Galat',
+		title: 'Pengiriman Formulir Dilarang',
+		warningsSectionTitle: 'Peringatan',
+	},
+	KtNavbar: {
+		menuCollapse: 'Tutup menu',
+		menuExpand: 'Buka menu',
+		quickLinksTitle: 'Pranala Cepat',
+	},
+}
diff --git a/packages/kotti-ui/source/kotti-translation/types.ts b/packages/kotti-ui/source/kotti-translation/types.ts
index fb1b4daa12..56fd02a72b 100644
--- a/packages/kotti-ui/source/kotti-translation/types.ts
+++ b/packages/kotti-ui/source/kotti-translation/types.ts
@@ -41,5 +41,6 @@ export namespace KottiTranslation {
 		| 'de-DE'
 		| 'es-ES'
 		| 'fr-FR'
+		| 'id-ID'
 		| 'ja-JP'
 }