ワイヤーフレーム上でフリーアイコンを使用する
Prottは Iconfinderと連携しています。Iconfinder内でフリーで提供されているアイコンを自由にワイヤーフレーム上へ挿入できます。
アイコンをワイヤーフレーム上に挿入する
- ワイヤーフレーム編集画面の左側のパネルの画像アイコンをクリックします。
- 「▼アイコン」タブにデフォルトのアイコンが表示されます。
- 任意のアイコンをドラッグ&ドロップしてワイヤーフレームへ挿入できます。

アイコンを検索する
デフォルトで表示されるアイコン以外にも、検索ボックスより探したいアイコンの単語を入力して検索してください。
日本語ではなく英語で検索してください。
例)「矢 → arrow」「 123 → 123」「ハンバーガー → hamburger」
アイコンを編集する
Iconfinderと連携しているアイコンは画像として表示されているため、色変更などの編集はできません。
アイコンのサイズは、選択した状態で枠線をドラッグすると拡大縮小できます。
そのままドラッグすると、縦横の比率が変わってしまうので、同じ比率で拡大縮小したい場合は「Shift」を押下しながら、ドラッグしてください。
アイコンを保存する
検索して見つけたアイコンは、右クリックしコンポーネント化して登録することで、検索せずすぐに利用できます。
また、アイコンをセットにしてコンポーネント化しておくと、他のプロジェクトやスクリーンの共用部にそのまま配置できるのでオススメです。