プロトタイプ ライブラリー

実行できる人：全ユーザー
利用可能なプラン：すべてのプラン
利用可能なプラットフォーム：ブラウザー、デスクトップ、モバイル

プロトタイピングライブラリーを使用して、ボード上にプロトタイプを作成します。ライブラリには、UI 要素やアイコンが含まれており、単独で、または Create with AI Prototype 機能と組み合わせてインタラクティブなプロトタイプを作成するために使用できます。

✏️ プロトタイプ ライブラリーはワイヤーフレーム ライブラリーに取って代わり、今年後半には非推奨となります。それまでは、ワイヤーフレーム ライブラリーにある Wireframes タブからアクセスできます。

プロトタイプ ライブラリーにアクセス

1. メディア、ツール、インテグレーション（）のアイコンをクリックします。
2. プロトタイプを検索します。
3. プロトタイピング 検索結果を選択します。
4. プロトタイピングパネルが開き、UI 要素とアイコン用のタブが表示されます。

プロトタイプを設計する

1. UI 要素パネルから画面を選択して、ボード上の任意の場所をクリックして配置します。
2. その他のUI 要素またはアイコンを画面にドラッグアンドドロップします。
3. マルチスクリーン プロトタイプを設計する場合、コネクター ライン を追加して、画面間のインタラクティブ性を持たせます（プレビューで表示可能）:
   1. 別の画面に接続したい UI 要素をクリックします。
   2. UI 要素からコネクター線アイコンをクリック＆ドラッグして、接続したい画面に移動します。

UI 要素の状態を変更する

いくつかの UI 要素には、チェックボックスのチェックを付けたり外したりするなど、プロトタイプでの状態に対するオプションがあります。これらの状態にアクセスするには:

1. 設定を変更したいUI要素をクリックします。
   コンテキストメニューが表示されます。
2. コンテキストメニューで、ステート ドロップダウンをクリックします。
3. 希望する状態を選択します。

要素のスタイルを変更する

UI 要素の色やフォントを変更するには:

1. 編集したい要素をクリックします。
   コンテキストメニューが表示されます。
2. 要素に応じて、背景色、フォント、フォントサイズ、および/またはフォントカラーを変更するオプションが与えられます。

プロトタイプをプレビューする

プロトタイプのインタラクティブ プレビューを表示するには:

1. プロトタイプ画面の中から 1 つを選択してください。
   コンテキストメニューが表示されます。
2. プレビューをクリックします。
   プレビューを読み込みます。
3. プロトタイプ内の要素をクリックすると、それらの相互作用を確認できます—コネクター線で作成されたもの、または矢印をクリックして画面間を移動できます。

よくある質問