diff --git a/frappe/public/js/form_builder/components/AddFieldButton.vue b/frappe/public/js/form_builder/components/AddFieldButton.vue
index 92a141e4e698..debc2735e9fa 100644
--- a/frappe/public/js/form_builder/components/AddFieldButton.vue
+++ b/frappe/public/js/form_builder/components/AddFieldButton.vue
@@ -16,7 +16,7 @@
 						:value="autocomplete_value"
 						:options="fields"
 						@change="add_new_field"
-						placeholder="Search fieldtypes..."
+						:placeholder="__('Search fieldtypes...')"
 					/>
 				</div>
 			</div>
@@ -67,7 +67,7 @@ const fields = computed(() => {
 			return true;
 		})
 		.map((df) => {
-			let out = { label: df };
+			let out = { label: __(df), value: df };
 			return out;
 		});
 	return [...fields];
@@ -104,7 +104,7 @@ function toggle_fieldtype_options() {
 }
 
 function add_new_field(field) {
-	fieldtype = field?.label;
+	fieldtype = field?.value;
 
 	if (!fieldtype) return;
 
diff --git a/frappe/public/js/form_builder/components/Autocomplete.vue b/frappe/public/js/form_builder/components/Autocomplete.vue
index 3bbaf8b2986a..005161636e03 100644
--- a/frappe/public/js/form_builder/components/Autocomplete.vue
+++ b/frappe/public/js/form_builder/components/Autocomplete.vue
@@ -25,7 +25,7 @@
 					v-slot="{ active }"
 				>
 					<li :class="['combo-box-option', active ? 'active' : '']">
-						{{ field.label }}
+						{{ __(field.label) }}
 					</li>
 				</ComboboxOption>
 			</div>
diff --git a/frappe/public/js/form_builder/components/Column.vue b/frappe/public/js/form_builder/components/Column.vue
index 3fbc67e11534..d98ab3cfa7aa 100644
--- a/frappe/public/js/form_builder/components/Column.vue
+++ b/frappe/public/js/form_builder/components/Column.vue
@@ -12,7 +12,7 @@
 			:hidden="!column.df.label && store.read_only"
 		>
 			<div class="column-label">
-				<span>{{ column.df.label }}</span>
+				<span>{{ __(column.df.label) }}</span>
 			</div>
 		</div>
 		<div v-if="column.df.description" class="column-description">
diff --git a/frappe/public/js/form_builder/components/Section.vue b/frappe/public/js/form_builder/components/Section.vue
index 36cff09b4d7b..cd5edabe0678 100644
--- a/frappe/public/js/form_builder/components/Section.vue
+++ b/frappe/public/js/form_builder/components/Section.vue
@@ -262,28 +262,28 @@ const options = computed(() => {
 		{
 			group: "Section",
 			items: [
-				{ label: "Add section below", onClick: add_section_below },
-				{ label: "Remove section", onClick: remove_section },
+				{ label: __("Add section below"), onClick: add_section_below },
+				{ label: __("Remove section"), onClick: remove_section },
 			],
 		},
 		{
 			group: "Column",
-			items: [{ label: "Add column", onClick: add_column }],
+			items: [{ label: __("Add column"), onClick: add_column }],
 		},
 	];
 
 	// add remove column option if there are more than one columns
 	if (props.section.columns.length > 1) {
 		groups[1].items.push({
-			label: "Remove column",
-			tooltip: "Remove last column",
+			label: __("Remove column"),
+			tooltip: __("Remove last column"),
 			onClick: remove_column,
 		});
 	} else if (props.section.columns[0].fields.length) {
 		// add remove all fields option if there is only one column and it has fields
 		groups[1].items.push({
-			label: "Empty column",
-			tooltip: "Remove all fields in the column",
+			label: __("Empty column"),
+			tooltip: __("Remove all fields in the column"),
 			onClick: () => delete_column(true),
 		});
 	}
@@ -291,8 +291,8 @@ const options = computed(() => {
 	// add move to tab option if the current section is not the first section
 	if (props.tab.sections.indexOf(props.section) > 0) {
 		groups[0].items.push({
-			label: "Move sections to new tab",
-			tooltip: "Move current and all subsequent sections to a new tab",
+			label: __("Move sections to new tab"),
+			tooltip: __("Move current and all subsequent sections to a new tab"),
 			onClick: move_sections_to_tab,
 		});
 	}
diff --git a/frappe/public/js/form_builder/components/Sidebar.vue b/frappe/public/js/form_builder/components/Sidebar.vue
index 1ae9c0f66a24..11c65d57a1a0 100644
--- a/frappe/public/js/form_builder/components/Sidebar.vue
+++ b/frappe/public/js/form_builder/components/Sidebar.vue
@@ -50,7 +50,7 @@ function resize(e) {
 				</button>
 			</div>
 			<div class="empty-state">
-				<div>Select a field to edit its properties.</div>
+				<div>{{ __("Select a field to edit its properties.") }}</div>
 			</div>
 		</div>
 	</div>
diff --git a/frappe/public/js/form_builder/components/controls/CheckControl.vue b/frappe/public/js/form_builder/components/controls/CheckControl.vue
index e8ec928763f1..31e6d60b2272 100644
--- a/frappe/public/js/form_builder/components/controls/CheckControl.vue
+++ b/frappe/public/js/form_builder/components/controls/CheckControl.vue
@@ -22,7 +22,7 @@ let slots = useSlots();
 				:disabled="read_only"
 				@change="(event) => $emit('update:modelValue', event.target.checked)"
 			/>
-			<span class="label-area" :class="{ reqd: df.reqd }">{{ df.label }}</span>
+			<span class="label-area" :class="{ reqd: df.reqd }">{{ __(df.label) }}</span>
 		</label>
 
 		<!-- description -->
diff --git a/frappe/public/js/form_builder/components/controls/DataControl.vue b/frappe/public/js/form_builder/components/controls/DataControl.vue
index 04c426e972de..7aa9082a4fb5 100644
--- a/frappe/public/js/form_builder/components/controls/DataControl.vue
+++ b/frappe/public/js/form_builder/components/controls/DataControl.vue
@@ -29,7 +29,7 @@ if (props.df.fieldtype === "Icon") {
 			<slot name="label" />
 			<slot name="actions" />
 		</div>
-		<div v-else class="control-label label" :class="{ reqd: df.reqd }">{{ df.label }}</div>
+		<div v-else class="control-label label" :class="{ reqd: df.reqd }">{{ __(df.label) }}</div>
 
 		<!-- data input -->
 		<input
diff --git a/frappe/public/js/form_builder/components/controls/TableControl.vue b/frappe/public/js/form_builder/components/controls/TableControl.vue
index 295a6406c8d6..93ecc0bb67e0 100644
--- a/frappe/public/js/form_builder/components/controls/TableControl.vue
+++ b/frappe/public/js/form_builder/components/controls/TableControl.vue
@@ -36,7 +36,7 @@ let table_columns = computedAsync(async () => {
 				:key="i"
 			>
 				<div class="table-field ellipsis">
-					{{ tf.label }}
+					{{ __(tf.label) }}
 				</div>
 			</div>
 		</div>
diff --git a/frappe/public/js/form_builder/components/controls/TextControl.vue b/frappe/public/js/form_builder/components/controls/TextControl.vue
index 0947c2757c24..80d700e05ecf 100644
--- a/frappe/public/js/form_builder/components/controls/TextControl.vue
+++ b/frappe/public/js/form_builder/components/controls/TextControl.vue
@@ -21,7 +21,7 @@ let height = computed(() => {
 			<slot name="label" />
 			<slot name="actions" />
 		</div>
-		<div v-else class="control-label label">{{ df.label }}</div>
+		<div v-else class="control-label label">{{ __(df.label) }}</div>
 
 		<!-- textarea input -->
 		<textarea
diff --git a/frappe/public/js/form_builder/utils.js b/frappe/public/js/form_builder/utils.js
index 838b934a807c..2c8968aa093e 100644
--- a/frappe/public/js/form_builder/utils.js
+++ b/frappe/public/js/form_builder/utils.js
@@ -114,7 +114,7 @@ export async function get_table_columns(df, child_doctype) {
 	let total_colsize = 1;
 	table_columns.push([
 		{
-			label: __("No."),
+			label: __("No.", null, "Title of the 'row number' column"),
 		},
 		1,
 	]);
diff --git a/frappe/public/js/workflow_builder/WorkflowBuilder.vue b/frappe/public/js/workflow_builder/WorkflowBuilder.vue
index 25a4179de677..b64626c98001 100644
--- a/frappe/public/js/workflow_builder/WorkflowBuilder.vue
+++ b/frappe/public/js/workflow_builder/WorkflowBuilder.vue
@@ -293,14 +293,16 @@ onMounted(() => store.fetch());
 							:draggable="true"
 							@dragstart="onDragStart"
 						>
-							Drag to add state
+							{{ __("Drag to add state") }}
 						</div>
 					</div>
 				</Panel>
 				<Panel :position="PanelPosition.BottomLeft">
 					<button class="btn btn-sm btn-default mr-2" @click="zoomIn">+</button>
 					<button class="btn btn-sm btn-default mr-2" @click="zoomOut">-</button>
-					<button class="btn btn-sm btn-default" @click="fitView()">Fit</button>
+					<button class="btn btn-sm btn-default" @click="fitView()">
+						{{ __("Fit") }}
+					</button>
 				</Panel>
 				<template #node-state="node">
 					<StateNode :node="node" />
diff --git a/frappe/public/js/workflow_builder/components/ActionNode.vue b/frappe/public/js/workflow_builder/components/ActionNode.vue
index 040b23a3fa48..db648c3d8cbf 100644
--- a/frappe/public/js/workflow_builder/components/ActionNode.vue
+++ b/frappe/public/js/workflow_builder/components/ActionNode.vue
@@ -49,7 +49,7 @@ watch(
 
 <template>
 	<div class="node" tabindex="0" @click.stop="store.workflow.selected = node">
-		<div v-if="label" class="node-label">{{ label }}</div>
+		<div v-if="label" class="node-label">{{ __(label) }}</div>
 		<div v-else class="node-placeholder text-muted">{{ __("No Label") }}</div>
 		<Handle
 			v-for="handle in ['top', 'right', 'bottom', 'left']"
diff --git a/frappe/public/js/workflow_builder/components/StateNode.vue b/frappe/public/js/workflow_builder/components/StateNode.vue
index 373c7c1634b1..57895998f745 100644
--- a/frappe/public/js/workflow_builder/components/StateNode.vue
+++ b/frappe/public/js/workflow_builder/components/StateNode.vue
@@ -43,7 +43,7 @@ watch(
 
 <template>
 	<div class="node" tabindex="0" @click.stop>
-		<div v-if="label" class="node-label">{{ label }}</div>
+		<div v-if="label" class="node-label">{{ __(label) }}</div>
 		<div v-else class="node-placeholder text-muted">{{ __("No Label") }}</div>
 		<Handle
 			v-for="handle in ['top', 'right', 'bottom', 'left']"
diff --git a/frappe/public/js/workflow_builder/components/TransitionEdge.vue b/frappe/public/js/workflow_builder/components/TransitionEdge.vue
index 263b093a912e..f8288c36be80 100644
--- a/frappe/public/js/workflow_builder/components/TransitionEdge.vue
+++ b/frappe/public/js/workflow_builder/components/TransitionEdge.vue
@@ -90,7 +90,7 @@ export default {
 			class="access nodrag nopan"
 		>
 			<span class="mr-1" v-html="frappe.utils.icon('users', 'sm')"></span>
-			<span>{{ targetNode.data.allowed }}</span>
+			<span>{{ __(targetNode.data.allowed) }}</span>
 		</div>
 	</EdgeLabelRenderer>
 </template>