LINE Flex Message Generator for Figma
by 山元誠司
LINE Flex Message JSONをFigmaのネイティブコンポーネントに変換するプラグインです。Auto Layoutを活用し、編集可能なデザインとして出力します。
FreeFigma
Installs
8
Likes
3
Users
84
Views
191
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」で変換