LINE Flex Message シミュレーター

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

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

AIでFlexを作る

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

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

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

{
  "type": "bubble",
  "hero": {
    "type": "image",
    "url": "https://developers-resource.landpress.line.me/fx/img/01_1_cafe.png",
    "aspectRatio": "20:13",
    "aspectMode": "cover"
  },
  "body": {
    "type": "box",
    "layout": "vertical",
    "spacing": "sm",
    "contents": [
      {
        "type": "text",
        "text": "Brown Cafe",
        "weight": "bold",
        "size": "xl",
        "wrap": true
      },
      {
        "type": "box",
        "layout": "baseline",
        "margin": "sm",
        "spacing": "sm",
        "contents": [
          {
            "type": "icon",
            "size": "sm",
            "url": "https://developers-resource.landpress.line.me/fx/img/review_gold_star_28.png"
          },
          {
            "type": "icon",
            "size": "sm",
            "url": "https://developers-resource.landpress.line.me/fx/img/review_gold_star_28.png"
          },
          {
            "type": "icon",
            "size": "sm",
            "url": "https://developers-resource.landpress.line.me/fx/img/review_gold_star_28.png"
          },
          {
            "type": "icon",
            "size": "sm",
            "url": "https://developers-resource.landpress.line.me/fx/img/review_gold_star_28.png"
          },
          {
            "type": "icon",
            "size": "sm",
            "url": "https://developers-resource.landpress.line.me/fx/img/review_gray_star_28.png"
          },
          {
            "type": "text",
            "text": "4.0",
            "size": "sm",
            "color": "#8C8C8C",
            "margin": "sm",
            "flex": 0
          }
        ]
      },
      {
        "type": "box",
        "layout": "vertical",
        "margin": "lg",
        "spacing": "sm",
        "contents": [
          {
            "type": "box",
            "layout": "baseline",
            "spacing": "sm",
            "contents": [
              {
                "type": "text",
                "text": "Place",
                "color": "#AAAAAA",
                "size": "sm",
                "flex": 1
              },
              {
                "type": "text",
                "text": "東京都渋谷区道玄坂1-2-3",
                "wrap": true,
                "color": "#666666",
                "size": "sm",
                "flex": 5
              }
            ]
          },
          {
            "type": "box",
            "layout": "baseline",
            "spacing": "sm",
            "contents": [
              {
                "type": "text",
                "text": "Time",
                "color": "#AAAAAA",
                "size": "sm",
                "flex": 1
              },
              {
                "type": "text",
                "text": "10:00 - 23:00",
                "wrap": true,
                "color": "#666666",
                "size": "sm",
                "flex": 5
              }
            ]
          }
        ]
      }
    ]
  },
  "footer": {
    "type": "box",
    "layout": "vertical",
    "spacing": "sm",
    "contents": [
      {
        "type": "button",
        "style": "primary",
        "height": "sm",
        "color": "#00896B",
        "action": {
          "type": "message",
          "label": "席を予約する",
          "text": "席を予約する"
        }
      },
      {
        "type": "button",
        "style": "link",
        "height": "sm",
        "action": {
          "type": "message",
          "label": "地図を見る",
          "text": "地図を見る"
        }
      }
    ]
  }
}

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

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

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

プレビュー

LLINEプレビュー

LYNX

Brown Cafe

4.0

Place東京都渋谷区道玄坂1-2-3

Time10:00 - 23:00

席を予約する地図を見る

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

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