diff --git a/web/src/locales/en.ts b/web/src/locales/en.ts
index 60ba6c1e2..b7ae94d94 100644
--- a/web/src/locales/en.ts
+++ b/web/src/locales/en.ts
@@ -581,6 +581,8 @@ The above is the content you need to summarize.`,
       promptText: `Please summarize the following paragraphs. Be careful with the numbers, do not make things up. Paragraphs as following:
         {input}
   The above is the content you need to summarize.`,
+      create: 'Create graph',
+      createFromTemplates: 'Create from templates',
     },
     footer: {
       profile: 'All rights reserved @ React',
diff --git a/web/src/locales/zh-traditional.ts b/web/src/locales/zh-traditional.ts
index fea2c1bd0..e1c33b467 100644
--- a/web/src/locales/zh-traditional.ts
+++ b/web/src/locales/zh-traditional.ts
@@ -541,6 +541,8 @@ export default {
       promptText: `請總結以下段落。注意數字，不要胡編亂造。段落如下：
 {input}
 以上就是你需要總結的內容。`,
+      createGraph: '建立圖表',
+      createFromTemplates: '從模板創建',
     },
     footer: {
       profile: '“保留所有權利 @ react”',
diff --git a/web/src/locales/zh.ts b/web/src/locales/zh.ts
index 5cfefef5e..1c411d9da 100644
--- a/web/src/locales/zh.ts
+++ b/web/src/locales/zh.ts
@@ -560,6 +560,8 @@ export default {
       promptText: `请总结以下段落。注意数字，不要胡编乱造。段落如下：
 {input}
 以上就是你需要总结的内容。`,
+      createGraph: '创建图表',
+      createFromTemplates: '从模板创建',
     },
     footer: {
       profile: 'All rights reserved @ React',
diff --git a/web/src/pages/flow/list/create-flow-modal.tsx b/web/src/pages/flow/list/create-flow-modal.tsx
index 9b6f49241..621528710 100644
--- a/web/src/pages/flow/list/create-flow-modal.tsx
+++ b/web/src/pages/flow/list/create-flow-modal.tsx
@@ -70,7 +70,7 @@ const CreateFlowModal = ({
           <Input />
         </Form.Item>
       </Form>
-      <Title level={5}>Create from templates</Title>
+      <Title level={5}>{t('createFromTemplates', { keyPrefix: 'flow' })}</Title>
       <Flex vertical gap={16} className={styles.templatesBox}>
         {list?.map((x) => (
           <Card
diff --git a/web/src/pages/flow/list/index.tsx b/web/src/pages/flow/list/index.tsx
index 0f4b61453..84abaa09f 100644
--- a/web/src/pages/flow/list/index.tsx
+++ b/web/src/pages/flow/list/index.tsx
@@ -4,6 +4,7 @@ import CreateFlowModal from './create-flow-modal';
 import FlowCard from './flow-card';
 import { useFetchDataOnMount, useSaveFlow } from './hooks';
 
+import { useTranslate } from '@/hooks/commonHooks';
 import styles from './index.less';
 
 const FlowList = () => {
@@ -14,6 +15,7 @@ const FlowList = () => {
     flowSettingLoading,
     onFlowOk,
   } = useSaveFlow();
+  const { t } = useTranslate('flow');
 
   const { list, loading } = useFetchDataOnMount();
 
@@ -25,7 +27,7 @@ const FlowList = () => {
           icon={<PlusOutlined />}
           onClick={showFlowSettingModal}
         >
-          create canvas
+          {t('create')}
         </Button>
       </Flex>
       <Spin spinning={loading}>