Photoshopで作ったデザインをインタラクティブなプロトタイプに変換し、ワークフローを簡素化にしませんか？

Photoshop用のUXPinプラグインを使用することで、PhotoshopからUXPinにファイルをエクスポートでき、同時にすべてのレイヤーと要素も保持されます。 デザインファイルを再作成する必要はありません。

この統合により、次のことができます。

• 既存の静的デザインファイルをインタラクティブなプロトタイプに変換
• PhotoshopおよびSketchファイルのフィードバックの収集
• 最終的なモックアップを旧バージョンと一緒に表示することで、チームがプロセス全体を理解できる

現在サポートされているPhotoshopのバージョンは、Photoshop 2017 CC、Photoshop 2018 CC、Photoshop 2019 CCです。

1. UXPinのアカウントにログインします。
2. 右上のSettingアイコンをクリックし、Integrations（統合）を選択します。（現在のプラグインのバージョンが表示されます。Windows版をダウンロードすることもできます。）
3. [Get Plugin（プラグインを取得）]をクリックします。
4. Macの場合は、インストーラーが手順を表示してくれます。一方Windowsの場合は、UXPinExportフォルダをお持ちのPhotoshopフォルダのPlug-ins/Generator/にコピーする必要があります。
5. Photoshopで、要素を選択し、File > Generate > UXPin Export をクリックします。ファイルはデスクトップに.uxpinの拡張子でエクスポートされます。

<aside> 🖇️ 備考 アートボードのエクスポートは現在サポートされていないため、UXPinでは白いレイヤーとして表示されます。

</aside>

UXPinに戻り、新しいプロジェクトを作成するか、既存のプロジェクトをクリックします。 プロジェクトに入ったら、ファイルをUXPinにドラッグ&ドロップします。

完了です！ Photoshopファイルのすべての要素が保存されます。 自由にクリックしてインタラクションを追加してみましょう。