Sketchと連携する
Sketch連携するとできること
Sketchと連携することで、SketchでデザインしたものをクリックひとつでPrott for Web, Prott for Macへ同期することができるようになります。SketchのArtboardのデザイン変更をProttのスクリーンに簡単に反映させることができます。
2018年1月31日(水)を以って、Prott for Macのアップデート及びサポートを終了しました。
Sketchプラグインを使ってPrott for Macへ同期させることができないため、Prott for Webへの同期にご利用ください。
プラグインのインストール
Sketch連携用のプラグインをインストールする方法は2種類あります。お好きな方をお選びください。
1. Zipファイルからインストールする方法
こちらからZipファイルをダウンロードし、インストールしてください
プラグインのインストールが成功すると上のように表示されます。
2. Sketch Toolboxからインストールする方法
Sketch ToolboxよりSketchプラグインがダウンロードできます。まだSketch Toolboxを入れていない方はこちらからダウンロードできます!
Sketch Toolboxで「Prott」と検索し、「Install」ボタンをクリックするとインストールが完了します。
Sketch連携の使い方
- Sketchを開き、Prottに同期するアートボードを作成します
- Sketchのメニューから「Plugins」→「Prott Sketch Plugin」→「Sync All Artboards to Prott」を選択します
- Prottのアカント情報を入力します
- 同期したいプロジェクトを選択して、「Sync」します
- SketchのアートボードがProttのスクリーンと同期されます
アートボードの名前が自動的にスクリーンの名前になります。アートボードの枚数によっては時間がかかる場合もあります。
社内から使用できない場合
Sketch plug-inの接続先は https:///prottapp.com です。プロキシサーバーに接続許可が必要な場合があります。
一部の画像を更新したい場合
Sketch上で更新したいアートボードを選択し、「Sync Selected Artboards to Prott」を選択することで一部画像のみ更新可能です。
(またはショートカットキー「 Shift + ⌘(Ctrl) + U」)
同期前に戻したい場合
Sketchプラグインからは同期前の画像に戻すことはできません。
Web版のProttからは、スクリーンの履歴を確認・過去の同期したスクリーンを復元することができます。
※「スクリーンの復元」はStarterプラン以上でお使いいただける機能です。
同名のアートボードを一緒に同期する場合
Sketchの アートボードの名前ではなく、アートボードに割り当てられている固有のIDから判別してProttのスクリーンと同期しています。そのため、同名のアートボードをアップロードすることができます。