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 MessageJSONを貼り付けるだけで、Figmaフレームとして即座にレンダリング- AI生成: 自然言語のプロンプトからFlex Message JSONを自動生成(OpenAI /Gemini / Claude対応)- フル対応: Bubble、Carousel、Box、Text、Image、Button、Separatorなど主要コポーネントをサポート- 編集可能: 出力されたデザインはAutoLayout構造なので、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