Sketchから切り替えてすべてのデザインをUXPinに移行したい場合、またはUXPinをSketchを併用して、プロトタイピング作成やチームとの連携をご希望ですか?

Sketchインポート機能を使用すると、ファイルをすばやくインポートし、中断した部分から再開し、すべての部分を含むすべてのレイヤーを編集できます。

アップロードされるファイルの最大許容サイズは350mbです。Sketchファイルに多くのオブジェクトが含まれている状態でUXPinにインポートすると、まれに問題が発生する可能性があります。

<aside> 🖇️ 備考 UXPinにSketchファイルをアップロードするには、Sketch 50またはそれ以降が必要です。以前のバージョンで作成したデザインをアップロードするには、互換性のあるSketchバージョンで保存し直してください。

</aside>

ファイルをドラッグ&ドロップ

SketchデザインをUXPinにインポートする簡単な方法としては、開いているプロジェクトの上にドラッグ&ドロップすることです。 デザインは、Sketch名も含めて新しいUXPinプロトタイプとしてインポートされます。

Sketchで元のファイルに戻り、編集してからインポートすると、UXPinはファイルを新しいプロトタイプとして保存します。そのため、変更を加えてもすでにインポートしたファイルも上書きすることはありません。

https://uxpincommunity.cdn.prismic.io/uxpincommunity%2Fda722c6c-09b0-4169-afcf-b244ce59f2bb_importsketchfiletouxpin_3.mp4

対応機能

アートボードとページ

正しくインポートするためには、Sketchのページにはアートボードが必要で、このアートボードはシンボルであってはいけません。これらのアートボードは、UXPinでは別のページとなります。Sketchのレイヤーリストにあるアートボードの一部でない要素は、インポートされません。要素がアートボードと重なるか、部分的に重なり、アートボードの一部である場合はインポートされます。

シンボル

インポート後、Sketchファイル内のすべてのシンボルはグループになります。

テキスト

Sketchから取り込んだテキストを編集することができます。ただし、Sketchファイルで使用されているフォントがコンピュータにインストールされていることを確認してください。されていない場合、フォントは置き換えられます。また、特にSketchからインポートする場合は、デスクトップアプリを使用することをお勧めします。

Sketchからインポートされたすべての形は、完全に編集可能です。

画像

Sketchのデザインからすべての画像がインポートされ、UXPinで編集することができます。ただし、使用する画像が多いほどSketchファイルの容量が大きくなり、プロトタイプのプレビューに時間がかかる場合がありますのでご了承ください。インポートのファイルサイズの上限は350MBなので、サイズの大きな画像はあらかじめサイズを小さくしておくとよいでしょう。