INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Menu

最善の結果を得るためのヒント

ProtoPie AIは、デザイン内の既存の、明確に定義された要素を参照できるときに最も効果的に機能します。

まず要素を準備する

  • AIに指示する前に、必要なレイヤー(テキスト、シェイプ、画像など)をすべて作成します

  • 意図する挙動を反映した初期コンテンツを含めめます

    • 例:カウンター表示用の「0」、トグルラベル用の「OFF」

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

  • 役割が伝わるようにレイヤー名を変更します

    • ✓ 「Text 1」の代わりに「counterDisplay」

    • ✓ 「Rectangle 3」の代わりに「submitButton」

  • 明確な命名は、AIが意図を理解するのを助け、エラーを減らします

@ メンションを使用する

より正確に指定するために、@ メンションを使用してレイヤーを直接参照します:

  • ✓ 「@submitButton をタップしたときにグレーにする」

  • ✗ 「送信ボタンをグレーにする」

具体的にリクエストする

避けるべき例:「カウンターを作って。」

推奨例:「Startトリガーが起動したときに、カウンター変数をインクリメントし、それを @counterDisplay テキストレイヤーに表示して。」

インタラクションを明確に説明する

  • トリガーを指定する:「タップ時」、「ドラッグ時」、「スクロール時」など

  • 開始と終了の状態を定義する:開始値と終了値(位置、不透明度、縮尺など)を明確に指定します

  • タイミングを含める:関連する場合は、デュレーション(継続時間)、ディレイ(遅延)、またはイージングカーブ

複雑な処理を分解する

  • 一度のリクエストですべてを行おうとせず、細かく分解して、よりシンプルなリクエストを複数回に分けて行います

  • AIが作成したばかりのものを調整するよう追加で指示し、結果を洗練させます

結果を検証する

  • インタラクションをプレビューして挙動を確認します

  • 生成されたフォーミュラ(計算式)に例外的なケースがないか再確認します

  • AIが最初のバージョンを作成し、あなたが最終的な挙動を完成させます