LINE Flex Message 製作器

免費線上 LINE Flex Message 製作工具，提供視覺化編輯器（點預覽就能改）、豐富範本庫、即時預覽和一鍵匯出 JSON。適合電商促銷、餐廳菜單、活動邀請、LINE Bot 開發等場景。

立即使用LINE Flex Message 製作器（免費、免註冊）

從 7 個範本挑一個，點預覽裡的文字、圖片、按鈕就能改內容與顏色，完成後按「匯出 JSON」，通過 LINE 規格檢查就能複製或下載，放進 Messaging API 發送；不用寫程式、不用註冊，登入後還能把作品存起來下次接著改。

什麼是 LINE Flex Message

Flex Message 是 LINE 的一種卡片式訊息格式，一張卡片裡可以放圖片、多段文字、按鈕與分隔線，並自由安排排版，比一般文字訊息更適合拿來做促銷、菜單、邀請與通知。它的內容是一份 JSON，必須透過 Messaging API 發送（自己寫的 LINE Bot，或有串接 Messaging API 的平台）。

手寫這份 JSON 要熟悉 LINE 的欄位規則，寫錯一個屬性整則訊息就會被退回。這個製作器讓您從範本開始，在畫面上點選修改、即時看到效果，匯出前再幫您依官方規格檢查一次。

卡片的結構：Bubble、Carousel 與四個區塊

  • Bubble（單張卡片）：由上到下最多四個區塊：Header（標題列）、Hero（主圖）、Body（內文）、Footer（按鈕列）。區塊可以加上或刪掉，但至少要留一個。
  • Carousel（輪播）：好幾張 Bubble 左右滑動，最多 12 張、至少 1 張。可以複製目前這張再改內容，也能刪掉其中一張；改其中一張的尺寸時，整組會一起改成同一個尺寸，因為 LINE 規定同一組輪播寬度要一樣。
  • 組件放在哪裡：選到某個容器（Box）後，從組件面板加的東西就會放進那個容器；沒選容器時會加到 Body。Hero 只能放一張圖，不能再塞其他組件。加圖示時若容器不是基線對齊，會自動幫您包一層符合 LINE 規定的容器。

範本與適合的使用場景

內建範本
範本適合用在
電商促銷限時特賣、優惠券、新品上市通知
商品輪播一次展示多項商品，左右滑動瀏覽
餐廳菜單菜色展示、套餐介紹
活動邀請派對邀請、講座報名、會議通知
數位名片聯絡資訊、公司介紹
訂單通知訂單確認、出貨通知
預約確認預約成功、提醒與行程確認

另有「空白範本」可從零開始；套用範本會取代目前畫面上的設計。

編輯操作與保存作品

  • 點選就能改：點預覽或左邊結構樹裡的任何組件，就能在屬性面板修改；選到的組件可以刪除，也可以上下移動順序。
  • 復原／重做：頂部按鈕可以一步步復原或重做，也能一鍵重置成空白範本。復原紀錄只存在目前這個頁面，重新整理就沒有了。
  • 不登入也能用：範本、編輯、檢查與匯出都不需要登入；但沒登入時設計只在這個分頁裡，關掉就不見，記得先匯出 JSON。
  • 登入後的「我的作品」：可以替作品取名保存到雲端、之後載入繼續改、按星號標成最愛或刪除；會員中心的作品列表按「編輯」也會直接回到這頁打開那個作品。

LINE Flex Message 製作器功能特點

  • 點預覽裡的組件就能改文字、顏色、圖片與按鈕連結，無需撰寫 JSON
  • 7 個範本（電商、餐廳、活動、名片、訂單、預約、商品輪播）
  • 即時預覽，近似 LINE 聊天室的樣子
  • 匯出前依 LINE 規格檢查，一鍵複製或下載 JSON（Messaging API／SDK 可直接用）
  • 免費使用，不用註冊；登入後可把作品存到雲端
  • 輪播最多 12 張，可逐張編輯

如何使用LINE Flex Message 製作器？

  1. 從範本庫中選擇適合的設計範本
  2. 點預覽裡的文字、圖片、按鈕，在屬性設定修改內容與顏色
  3. 即時預覽 LINE 聊天室中的顯示效果
  4. 點擊匯出 JSON，通過檢查後複製或下載

LINE Flex Message 製作器常見問題

使用這個工具需要付費嗎？

完全免費！範本、編輯器和 JSON 匯出都不用付費也不用註冊；登入會員後還可以把作品存到雲端。

匯出的 JSON 如何使用？

「完整訊息」放進 Messaging API 的 messages 陣列（push、reply、broadcast 都一樣），Python、Node.js、Java 等 LINE Bot SDK 也用這個格式；「僅 contents」可以貼到 LINE 官方的 Flex Message Simulator 預覽。LINE 官方帳號管理後台不能直接貼 JSON，要發 Flex Message 得透過 Messaging API。

我的設計資料會被儲存嗎？

不登入時，編輯都在您的瀏覽器裡完成，不會上傳；關掉頁面就沒了。登入會員後按「保存作品」，作品才會存到雲端，下次登入可以載入繼續編輯。

支援哪些 Flex Message 功能？

支援 Bubble（單張）和 Carousel（輪播，最多 12 張）兩種容器，組件可以加 Box、Text、Image、Button、Icon、Separator。LINE 已停用 Spacer、Filler 也列為不建議使用，所以這裡不提供；Video、Span 目前還不支援。

可以自訂顏色和樣式嗎？

可以！點選組件後可以改文字顏色、背景顏色、字體大小、粗細、對齊、按鈕樣式與顏色、圖片大小與比例，打造符合品牌形象的訊息卡片。

匯出時說「LINE 會拒收」是什麼意思？

匯出前會依 LINE 官方規格檢查：替代文字必填且最多 1,500 字、按鈕要有文字（最多 40 字）、連結要用 https://、line:// 或 tel: 開頭、圖片網址要是 https、圖示只能放在基線對齊的容器、輪播最多 12 張且每張寬度相同等。有問題會列出來，改好才能複製，避免送出後被 LINE 退回。