荔枝行銷寶典 LINE 官方帳號經營教學、案例與工具

LINE 圖文選單怎麼用 Canva 做?從規劃到上線完整教學(2026)

作者:一顆太陽
LINE 圖文選單怎麼用 Canva 做?從規劃到上線完整教學(2026)

LINE 圖文選單是顧客進入聊天室後最先看到的入口,也是把人導向預約、點餐、領優惠與加入會員的關鍵位置。對沒有設計背景的店家來說,真正的門檻通常不是不會用工具,而是不知道功能該怎麼排、文案該怎麼寫、版面該怎麼配置。

這篇教學會用 ChatGPT 負責規劃、Canva 負責製作的分工,帶你從整理品牌資料開始,一路完成排版、下載與熱區設定。文中的 Prompt 可以直接複製使用,填入自己的品牌資訊就能得到一份完整的製作規格。

延伸閱讀:

為什麼用 Canva 做 LINE 圖文選單

Canva 操作直覺、素材豐富,很適合沒有設計經驗的店家使用。製作 LINE 圖文選單時,可依照品牌需求加入 Logo、商品照片、活動廣告圖,也能調整字體、品牌色、背景元素與功能圖標,讓整體視覺更一致。

更重要的是後續維護成本低。要更換優惠內容、商品圖片或按鈕文字時,直接修改原始設計即可,不必整張重新製作,能有效節省設計與更新時間。

開始之前,先準備好品牌資料

開始前,建議先整理品牌資料,讓 ChatGPT 能更準確地規劃圖文選單的功能順序、版面風格與導流重點。提供的資訊越完整,產出的內容就越貼近品牌需求,也能減少後續反覆修改。

第一步:用 ChatGPT 規劃圖文選單結構

在開始設計之前,建議先讓 ChatGPT 規劃圖文選單的整體架構,而不是直接打開 Canva 排版。LINE 圖文選單的重點在於導流,因此需要先決定哪些功能最重要、哪些應放在第一頁,以及主 CTA、次要功能與分頁切換按鈕的配置,才能讓使用者更快速找到需要的資訊。

除了功能排序之外,ChatGPT 還能根據你的品牌資訊,提供適合在 Canva 製作的版面建議,例如按鈕大小、功能區塊配置、LOGO 擺放位置、圖示使用方式、色彩搭配及文案建議,讓你在進入 Canva 時已有完整的設計方向,不必從零開始摸索。

把品牌資訊交給 ChatGPT,產出圖文選單規劃

只要將前面整理好的品牌資訊填入 Prompt,交給 ChatGPT 進行圖文選單規劃,就能快速取得功能分頁、主次排序、版面配置、按鈕文案與 Canva 製作建議,讓後續設計更有方向。

下方範例可直接複製使用:

你是一位 LINE 官方帳號圖文選單 UX/UI 設計師,請根據以下品牌資訊,規劃適合用 Canva 製作的 LINE 圖文選單結構及設計。

品牌名稱:
產業類型:
主要客群:
品牌風格:
主要轉換目標:
想放的功能:
是否需要分頁 / 幾頁:
主色調:
LOGO 有無:

【功能分頁規則】
請依照功能重要性分配到不同頁面。
每個功能只能出現在其中一頁,不可跨頁重複。
只有底部「分頁切換按鈕」可以每頁重複出現。
請不要在第 2 頁重複放第 1 頁已出現的主 CTA。

請依照以下格式輸出:

一、圖文選單定位
說明這組圖文選單主要要達成的目標。

二、功能優先順序
請將功能分成:

1. 主轉換
2. 次轉換
3. 輔助功能

三、Canva 版面配置
請用 2500×1686px 的大型圖文選單尺寸,規劃 2 頁版面。
不要只做普通六宮格,請依照功能重要性安排區塊大小。

請先明確列出:

1. 第 1 頁放哪些功能
2. 第 2 頁放哪些功能

每個功能不可重複出現在另一頁,只有分頁切換按鈕可重複。

四、文案
請提供:

1. 主標題
2. 主 CTA 文案
3. 每個功能區塊短標題
4. 每個功能區塊輔助小文案
5. 分頁切換按鈕文字

五、中文字體建議
請優先推薦 Canva 內可搜尋、支援繁體中文的中文字體,同時也推薦英文版文案及字體。

請提供:

1. 中文/英文主標題字體
2. 中文/英文按鈕字體
3. 中文/英文輔助小字字體
4. 適合的品牌風格
5. Canva 搜尋不到時的替代字體或搜尋關鍵字

六、Canva 製作說明
請用新手看得懂的方式說明:
背景怎麼做、標題放哪裡、按鈕怎麼排、icon 怎麼選、哪裡要留白。

七、熱區對應表
請依照前面分配好的頁面功能製作熱區表,並用表格列出:

1. 頁面
2. 區塊名稱
3. 畫面位置
4. 點擊後動作
5. 建議連結類型

讀懂 ChatGPT 產出的 Canva 排版規格

這份規格不只是簡單的版面示意,而是會先幫你整理圖文選單定位、功能優先順序、每一頁要放哪些功能,以及主 CTA、次要功能、分頁切換按鈕與熱區對應方式。

以下方的滑板服飾品牌為例,ChatGPT 會先把「線上購物、客製服務、最新聯名、門市資訊」依照轉換目標分成主轉換、次轉換與輔助功能。

ChatGPT 輸出的 LINE 圖文選單功能優先順序表,將線上購物、客製服務分為主轉換,最新聯名為次轉換

接著再依照這個優先順序規劃第 1 頁與第 2 頁的版面配置,並說明每一頁的定位。

ChatGPT 輸出的 Canva 版面配置建議,指定 2500×1686px 尺寸並分配兩頁的功能區塊

這樣在進入 Canva 製作前,你就已經知道每個區塊該放在哪裡、文案怎麼寫、按鈕怎麼排,不會一打開空白畫布就卡住。

第二步:在 Canva 製作圖文選單圖片

完成品牌資料整理、功能優先順序與版面配置後,就可以打開 Canva 開始製作。因為前期已經完成規劃,進入 Canva 後不必再從零思考版面,能更有效率地完成符合品牌風格與導流目標的設計。

建立 2500×1686 的畫布

在 Canva 首頁點選自訂尺寸

Canva 首頁工具列,紅框標示右上角的自訂尺寸按鈕

輸入 LINE 圖文選單的大型尺寸 2500×1686 px,然後按下建立新設計

Canva 自訂尺寸對話框,寬度輸入 2500、高度輸入 1686 像素後建立新設計

依照 ChatGPT 的規格完成排版

元素面板搜尋你要的圖示,或直接用 ChatGPT 建議的搜尋關鍵字去找,可以省下大量翻素材的時間。

Canva 元素面板依 ChatGPT 建議的關鍵字搜尋圖示,右側為製作中的滑板品牌圖文選單

字型同樣可以參考 ChatGPT 提供的字體搭配方案,中英文各自套用建議的字重與字級。

Canva 字型面板套用 ChatGPT 建議的字體,設定圖文選單主標題樣式

若手邊已有品牌 Logo、商品圖、廣告圖等素材,可以直接從上傳面板加入設計中。

Canva 上傳面板,將品牌 Logo 與商品圖上傳後加入圖文選單設計

依照規格排完之後,兩頁圖文選單大致會長這樣。第 1 頁主打線上購物與新品聯名,把最大的區塊留給主 CTA。

用 Canva 完成的滑板品牌 LINE 圖文選單第 1 頁,主視覺為線上購物與最新聯名商品區塊

第 2 頁承接客製服務與門市資訊,並在底部保留回到第 1 頁的分頁切換按鈕。

用 Canva 完成的滑板品牌 LINE 圖文選單第 2 頁,含客製服務、門市資訊與分頁切換按鈕

如果你希望背景視覺由 AI 直接生成、Canva 只負責補文字,可以參考另一種做法:ChatGPT 生成圖文選單底圖+Canva 加字

第三步:下載圖片並設定圖文選單

完成設計後,就可以把圖片從 Canva 下載下來,再到圖文選單管理工具進行設定。

目前 LINE Official Account Manager 只提供單頁圖文選單的設計。若要使用多頁圖文選單,可以搭配荔枝圖文選單,它提供免費方案,能建立多頁選單,不需要把所有功能都擠在同一頁,也可以同時管理多個 LINE 官方帳號,適合需要經營多個品牌、分店或不同活動頁面的店家。

從 Canva 下載圖片

  1. 在 Canva 右上角點選分享
  2. 點選下載
  3. 選擇要輸出的檔案類型。建議選 PNG,讓畫面在手機上顯示更清楚;若圖文選單管理工具有檔案大小限制,再改用 JPG
  4. 選擇要下載的頁面
  5. 點選下載

Canva 下載面板依序標示分享、下載、選擇 PNG 檔案類型、選擇頁面與下載按鈕

完成 LINE 圖文選單的設定

把下載好的圖片上傳到圖文選單工具後,依照畫面上的按鈕位置拉出熱區,並設定每個熱區點擊後的動作。分頁切換按鈕要設定成「切換圖文選單」,才能在多頁之間跳轉。

設定完成後,記得先用手機預覽確認文字是否清楚、按鈕位置是否正確,沒有問題後再正式儲存並套用。

在 LINE 聊天室實際展示用 Canva 製作的圖文選單,示範展開與分頁切換效果

這樣一來,一組由 ChatGPT 規劃、Canva 製作的 LINE 官方帳號圖文選單就完成了。

延伸閱讀:

LINE 圖文選單製作常見問題(FAQ)

Canva 免費版可以做嗎?

可以。Canva 免費版就能建立自訂尺寸畫布,也能使用基本文字、圖形、icon 和圖片素材來製作 LINE 圖文選單。只要設定正確尺寸,例如大型圖文選單常用的 2500×1686 px,就可以完成基本設計。

如果店家有自己的品牌 Logo、商品圖或活動圖片,也可以直接上傳到 Canva 使用,不一定要依賴付費素材。需要更多素材、品牌套件或進階功能時,再考慮升級 Canva Pro。

一頁可以放幾個按鈕?

一頁可以放多個按鈕,但不建議塞太多。對大多數店家來說,一頁放 2~6 個主要功能會比較剛好。

如果功能太多,例如同時有訂位、菜單、優惠、會員、門市、客服等,建議先依照重要性分類,把最重要的功能放在第一頁,其他功能放到第二頁或更多頁,畫面會更清楚,顧客也比較容易點擊。

熱區可以設定哪些功能?

熱區就是使用者點擊圖文選單上某個區塊後會觸發的動作。常見設定包含:

多頁怎麼切換?

多頁切換需要使用支援多頁圖文選單的工具,例如荔枝圖文選單

做法是先在 Canva 分別設計每一頁圖片,再到工具中上傳圖片,在分頁切換按鈕的位置新增區域,並把該區域設定成切換圖文選單。這樣使用者點擊分頁按鈕時,就能切換到不同選單頁。

詳細操作可參考 LINE 多頁圖文選單怎麼做?荔枝多頁圖文選單完整設定教學(2026)

一定要用 Canva 嗎?ChatGPT 不能直接生成圖片?

可以直接生成。只要把尺寸、版面配置、功能區塊、風格、顏色描述清楚,ChatGPT 就能產出完整的圖文選單圖片,做法可以參考 AI 製作 LINE 官方帳號圖文選單圖片教學(2026)

兩種做法各有取捨:

做法優點缺點
AI 直接生成整張圖速度快,可快速產出多種風格;不需設計基礎中文容易出錯字;版面比例不一定符合需求
Canva 手動排版可精準控制尺寸與版面;改版彈性高,適合長期使用需要花時間排版

如果想兼顧兩者,也可以讓 ChatGPT 只生成不含文字的底圖,再用 Canva 補上文字,做法見 ChatGPT 生成圖文選單底圖+Canva 加字

結語

LINE 圖文選單不只是官方帳號下方的一張圖片,更是顧客進入品牌服務與完成轉換的重要入口。對沒有設計基礎的店家來說,難的往往不是操作工具,而是不知道功能怎麼排、文案怎麼寫、版面怎麼設計。

透過 ChatGPT 先規劃功能與版面,再到 Canva 依照規格製作,就能大幅降低設計門檻。無論是餐飲、美業、服飾或零售,都能用這套流程做出更清楚、也更好點擊的圖文選單。

只要掌握「先規劃、再設計、最後設定熱區」這個順序,即使是新手,也能完成一組實用又有質感的 LINE 圖文選單。