Sketchからのインポート

シーンとしてインポートする

同じ名前を維持したまま、SketchのアートボードをProtoPieのシーンとしてインポートします。 1つまたは複数のアートボードをシーンとして一度にインポートすることができます。 アートボードをシーンとしてインポートする際は、Sketchのレイヤー階層に基づいています。

オブジェクトとしてインポートする

Sketchと同じレイヤー階層、配置、および制約を維持したままオブジェクトのインポートを行います。 1つまたは複数のオブジェクトを一度にインポートできます。

Sketchのコンポーネントとコンポーネント・インスタンスは、コンテナとしてインポートされます。 それらをコンポーネントに変換して、ProtoPieのコンポーネントとして保持します。コンポーネントの詳細についてはこちらをご参照下さい。

SVGとしてインポートする

SketchのベクターレイヤーをProtoPieのSVGとしてインポートします。 プロパティを編集可能にするには、インポート後にシェイプに変換します。まだすべてのSVGプロパティがProtoPieではサポートされておりませんのでご注意ください。SVGレイヤーの詳細についてはこちらをご覧ください。

テキストレイヤーとしてインポートする

SketchのテキストレイヤーをSVGとしてProtoPieにインポートします。 プロパティを編集可能にするには、インポート後にテキストレイヤーに変換します。 テキストレイヤーの詳細はこちらをご参照下さい。

再インポート

通常、Sketchから再インポートされたアートボードとオブジェクトは、以前にインポートされたものに置き換わります。 ただし、いくつかの例があります。

• ProtoPieでインポートされたオブジェクトの一部のプロパティを変更した場合、変更した事項は再インポートした際にはオブジェクトには影響しません。
• インポート後にレイヤー階層を変更した場合、再インポートの際には変更は反映されません。
• Sketchで特定のレイヤーのみを選択して、ProtoPieにインポートしない限り、インポートした削除済みのレイヤーは再インポートされません。
• シーンまたはオブジェクトの複製が必要な場合は、一度インポートしてから複製します。 たとえば、SketchのアートボードをProtoPieの2つのシーンとして作成するとします。 その場合には、まず一度インポートをしてから、シーンを複製して2番目のシーンを作成します。
  

ArtboardSketch

ファイルの中でインポートするアートボードを選択します。

Import Size

レイヤーの倍率を設定します。Sketchで制作したアートボードのサイズによって変わります。

All layer structure

アートボード内の全てのレイヤーをフォルダ構造を維持したままインポートします。

Exportable layers

アートボード内のレイヤーで、exportable（エクスポート可能)に設定されているレイヤーだけをインポートします。

Overwrite positions of layers

再インポートする時にSketchレイヤーの位置の値を上書きします。

Overwrite sizes of layers

再インポートする時にSketchレイヤーのサイズの値を上書きします。

Update layer orders and grouping structure

再インポートする時にSketchレイヤーの順番と構造を上書きします。

Remove layers deleted in Sketch

再インポートする時にSketchから削除されたレイヤーがあればProtoPieからも削除します。