AIを最適に活用するためのコツ

ProtoPie AIは、ユーザーのデザインに含まれる既存の明確に定義された要素を参照することで、最も機能を発揮します。

最初に要素を準備する

• AIに作業させる前に、必要なすべてのレイヤー (テキスト、シェイプ、画像など) を作成します。
• 意図する挙動を反映した初期コンテンツを含めます。
  • 例：カウンターの表示の「0」、トグルラベルの「OFF」
    

分かりやすいレイヤー名を使用する

• レイヤー名は用途を反映させた名前に変更します。
  • 「Text 1」の代わりに「counterDisplay」
  • 「Rectangle 3」の代わりに「submitButton」
• 明確な名前を付けることで、AIはユーザーの意図を理解できるようになり、エラーが減ります。
  

@メンションを使用する

@メンションを使用してレイヤーを直接参照することで、精度が向上します。

• ○ 「タップされたら@ButtonLayerを灰色にする」
• × 「送信ボタンを灰色にする」
  

リクエストを具体的なものにする

抽象的なリクエスト：「カウンターを作成する」

具体的なリクエスト：「Startトリガーが作動したら、カウンターの変数を1つ増やし、@counterDisplayテキストレイヤーに表示する」

インタラクションを分かりやすく説明する

• トリガーを指定する：「タップ」、「ドラッグ」、「スクロール」など
• 開始時の状態と終了時の状態を定義する：開始時の値と終了時の値 (位置、不透明度、スケールなど) を明確にします。
• タイミングを含める：持続時間、遅延、変速曲線を適時含めます。
  

複雑なリクエストを分割する

• 1つのリクエストにすべてを詰め込もうとせずに、複数のシンプルなリクエストに分けて作成します。
• フォローアップを使用し、AIに作成したばかりのインタラクションの修正を求めることで、結果をより良いものにすることができます。
  

結果を検証する

• インタラクションをプレビューして挙動を確認します。
• エッジケースでは、生成された数式のダブルチェックを行います。
• AIが作成するのは最初のバージョンです。最終的な挙動はご自身の手で仕上げましょう。