LINE Flex Message シミュレーター

作って、見て、その場でOgawa Botに送る

左のJSONを編集すると、右にLINEトーク風のプレビューがリアルタイムで反映されます。完成したカードは「Ogawa Botで受け取る」で自分のトークに、「友だちにシェア」で送り先を選んで送れます（LINEアプリ内で開いた場合）。

AIでFlexを作る

作りたいカードを日本語で書くだけ。お客様のHP URLを入れると、その業種・雰囲気に合わせて自動生成します。LINEログインで使えます。

テンプレートから読み込む

Flex Message JSON（bubble / carousel / メッセージ全体OK）

{
  "type": "bubble",
  "body": {
    "type": "box",
    "layout": "vertical",
    "spacing": "sm",
    "contents": [
      {
        "type": "text",
        "text": "🛒 カートに商品が残っています",
        "size": "xs",
        "color": "#00896B",
        "weight": "bold"
      },
      {
        "type": "text",
        "text": "カートに入れたままの商品があります。",
        "size": "sm",
        "wrap": true,
        "margin": "sm"
      },
      {
        "type": "text",
        "text": "在庫が残りわずかです。今ならクーポンも使えます。",
        "size": "sm",
        "color": "#8C8C8C",
        "wrap": true,
        "margin": "sm"
      }
    ]
  },
  "footer": {
    "type": "box",
    "layout": "vertical",
    "spacing": "sm",
    "contents": [
      {
        "type": "button",
        "style": "primary",
        "height": "sm",
        "action": {
          "type": "message",
          "label": "カートに戻る",
          "text": "カートに戻る"
        }
      },
      {
        "type": "button",
        "style": "secondary",
        "height": "sm",
        "action": {
          "type": "message",
          "label": "定期便で買う",
          "text": "定期便で買う"
        }
      }
    ]
  }
}

bubble だけでなく、{ "type":"flex", "altText":…, "contents":… } のメッセージ全体や carousel を貼ってもOK。altText は自動で読み取ります。入力に文字数の上限はありません。

サイズ 0.8KB / 50KBカルーセル 1 / 12枚altText 13 / 400字

代替テキスト（通知・一覧で表示）

プレビュー

LLINEプレビュー

LYNX

🛒 カートに商品が残っていますカートに入れたままの商品があります。在庫が残りわずかです。今ならクーポンも使えます。

カートに戻る定期便で買う

このカードをみんなに公開

公開するとみんなのカード一覧に並びます。他のLINE運用者の参考になります。