Figma Make プロンプト(UI指示→改善案)

SSAVEE
作成: 2026/8/24
更新: 2026/8/24

説明

📝 概要 このプロンプトは、「Figma Make プロンプト」を2段階のワークフローで進めるテンプレートです。作りたい画面・機能・種類を入力すると、「UI生成プロンプト → 改善案」という流れで段階的に進み、最終的に改善案まで仕上げます。 単発で一気に出力するのではなく、前の手順の出力を次の手順が {{参照}} で受け取る設計なので、精度と一貫性が高まります。動画・音楽・デザインをAIで作りたい人に向いた動画・音楽・デザイン系のテンプレートです。 ✨ 特徴 ・段階生成(全2ステップ):UI生成プロンプト → 改善案 の順に、焦点を分けて作るので全体の一貫性が保てます。 ・ブロック参照でつなぐ:`{{手順1の結果}}` のように前の手順の結果を後の手順が受け取り、文脈を維持します。 ・選択式フォーム:種類 を選ぶだけで、指示内容が自動で切り替わります。 ・使い回しが簡単:作りたい画面・機能 を差し替えるだけで、別のテーマや案件にそのまま応用できます。 ・各AIの書式に合わせた指示を作れるので、狙った雰囲気やクオリティを出しやすくなります。 🛠 使い方 ① 入力:次の項目を記入・選択します。 ・作りたい画面・機能(例:サブスクサービスの料金プラン紹介ページ) ・種類(ランディングページ / ダッシュボード / アプリ画面 / フォーム / 設定画面 から選択) ② UI生成プロンプト:「Figma Make に入れるUI生成プロンプトを英語で作ってください。」  → プロンプトをコピーしてAIで実行し、結果を「手順1の結果」に貼り付け ③ 改善案:「次のUIプロンプトについて、追加すると良い要素や、UX上の改善点を提案してください。」  → プロンプトをコピーしてAIで実行し、これが完成物です。コピーしてそのまま使えます ④ 応用:入力を差し替えれば、同じ手順で別のテーマ・案件を効率よく量産できます。

プロンプト内容

プロンプト: Figma Make プロンプト(UI指示→改善案)
ブロック数: 6
使い方
メモ
45 文字
作りたい画面と種類を入れ、手順1でUI生成プロンプト→AI実行→貼り付け→手順2で改善案。
作りたい画面・機能
入力
19 文字
サブスクサービスの料金プラン紹介ページ
種類
form
手順1_UI生成プロンプト
プロンプト
114 文字
Figma Make に入れるUI生成プロンプトを英語で作ってください。画面の目的・主要な要素(セク...
手順1の結果
出力
18 文字
(手順1のUIプロンプトを貼り付け)
手順2_改善案
プロンプト
61 文字
次のUIプロンプトについて、追加すると良い要素や、UX上の改善点を提案してください。 プロンプト:...

タグ

Figma
UI
デザイン

テンプレート情報

価格無料
ダウンロード数0
カテゴリ
動画・音楽・デザイン