Back to Plugins
LINE Flex Message Generator for Figma

LINE Flex Message Generator for Figma

LINE Flex Message JSONをFigmaのネイティブコンポーネントに変換するプラグインです。Auto Layoutを活用し、編集可能なデザインとして出力します。

Plugin Preview

LINE Flex Message Generator for Figma preview

About this plugin

主な機能


- JSON → Figma変換: LINE Flex Message

JSONを貼り付けるだけで、Figmaフレームとして即座にレンダリング

- AI生成: 自然言語のプロンプトからFlex Message JSONを自動生成(OpenAI /

Gemini / Claude対応)

- フル対応: Bubble、Carousel、Box、Text、Image、Button、Separatorなど主要コ

ポーネントをサポート

- 編集可能: 出力されたデザインはAuto

Layout構造なので、Figma上で自由に編集可能


---

使い方


方法1: JSONを直接変換


1. プラグインを起動

2. 「JSON」タブにLINE Flex Message JSONを貼り付け

3. 「Generate」をクリック

4. Figmaキャンバスにデザインが生成される


方法2: AIで生成


1. プラグインを起動

2. 「AI生成」タブを選択

3. AIプロバイダーを選択し、APIキーを入力

4. 作りたいメッセージを日本語で入力(例:「歯科医院の定期検診リマインダー」

5. 「FLEX Messageを生成」をクリック

6. 生成されたJSONを確認し、「Generate」で変換

Plugin Details

Version2
CreatedFebruary 5, 2026
Last UpdatedFebruary 7, 2026
Categorydesign-inspirations
Creator山元誠司
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.anthropic.com
    • https://api.openai.com
    • https://generativelanguage.googleapis.com