インフラエンジニアを募集中です。その2:「Prott」WebサービスWebデザインWeb制作ツールsito2018.05.15こんにちは。先日やっと『ドキュメンタル』Season5に追いつきました。プロトタイピングツールを使ってみた、その2ということで、今回は「Prott」を試してみました。https://prottapp.com/ja/Prottって?株式会社グッドパッチが提供するプロトタイピングツールです。前回書いた「InVision」のように無料で始めることができます。各料金プランについてはこのようになっています。開始30日間は無料トライアル期間ということで、一部有料機能も無料でお試しできます。ProttでできることProttの機能はだいたいこんな感じのようです。実機でのプレビューチームへの共有コメント機能プレゼン機能バージョン管理アクティビティワイヤーフレームの作成(有料)画面遷移図の書き出し(有料)共同編集(有料)組織管理機能(有料)グループ機能(有料)詳細はこちらhttps://prottapp.com/ja/features/Prottの便利なところ!とにかく簡単にプロトタイプが作成できる!XDを始めてさわってみたときもそうでしたが、Prottも直感的に操作できて学習コストはとても低いと感じました。リンクエリアをドラッグし、遷移先の画面とトランジション等の設定をすることで簡単にプロトタイプが作成できます。ヘッダー、フッターの固定も可能です。リンクの設定が充実!「InVision」同様、ジェスチャーやトランジションの設定が豊富で、オーバーレイ表示も可能です。残念ながら、同ページ内での遷移はできないということです。バージョン管理ができる!スクリーンごとに更新履歴が残っているので、以前の状態を復元することができます。ワイヤーフレームが作れる!有料機能になりますが、Prottでは、画像を読み込んでのプロトタイプ作成だけではなく、ワイヤーフレームも作成することができます。基本的な図形やテキストの他、便利なアイコンやパーツが用意されています。画面遷移図が自動で作成される!プロトタイプにあわせて、画面遷移図も自動的に作成されるので、画面遷移図を作る手間が省けます。まとめ使ってみて一番感じたのは、XD同様、操作が簡単ということでした。アイコンもわかりやすくて、説明も簡潔です。あと何よりも、InVisionは英語でしたが、Prottは日本語なので楽です。機能についてはInVisionの方がデザインツールと連携できたり、細かい遷移の設定ができたりしましたが、導入のハードルはProttの方が低そうだと感じました。参考https://goodpatch.com/blog/how-to-use-prott-basic-func/次に試してみたいツール次はSTUDIOを使ってみようかと思います。XDsito2019.07.30はてブDockerのコンテナ上で作成したファイルを別コンテナに共有する方法DB&サーバyamashita2019.05.07はてブバシャログ。Web制作スタッフによるブログです。「現場で使えるテクニック」をモットーに、Web制作全般についてお届けします。