操作ガイド

デザインファイルをPixsoにインポートする

ファイルをPixsoにインポートする

さまざまな種類のファイルをPixsoにインポートできます。

• 画像

• SVGファイル

• Sketch ファイル

• Pixso ファイル

• Figma ファイル

• Axure ファイル

• Adobe XD ファイル

Pixsoの「ファイルをPixsoにインポートする」操作画面

①画像をインポート

次の方法で画像をPixsoにインポートできます。

• 画像をフレームにドラッグ&ドロップしインポートします。

• クラウドドキュメントページで画像をドラッグ&ドロップしインポートします。

• 画像をfillプロパティにアップロードします。

• クリップボードから画像を貼り付けます。

• オブジェクト間で画像をコピーして貼り付けます。

• 画像ツールを使用してオブジェクトに画像をバッチインポートします。

②ベクトルグラフィックをインポート

ベクトルのエクスポートとインポートには、フォーマット変換が必要です。ベクトルグラフィックのソースによっては、インポートとエクスポートのプロセスに一貫性がない場合があります。

SVGはロスレス形式なので、SVGファイルをインポートおよびエクスポートすることをお勧めします。

次の方法でベクトルグラフィックをインポートできます。

• ベクトルを含むSketchまたはPixsoファイルをインポートします。

• ベクトルをSVGにエクスポートしてから、Pixsoにインポートします。

③Pixsoにファイルをインポート

・インポートのポップアップ

インポートのポップアップでローカルファイルを選択してインポートできます。

以下の種類のファイルがサポートされています。

• Sketchファイル

• Pixsoファイル

• Adobe XDファイル

• SVGファイル

• Axureファイル

• Figmaファイル

ステップ:

  1. [ファイルをインポート]ボタンをクリックします。
  2. ファイルを選択してから、インポートを開始します。

ファイルサイズによっては、インポートに数秒かかる場合があります。

・ドラッグ&ドロップ

ファイルをエディターに直接にドラッグ&ドロップできます。

以下の種類のファイルがサポートされています。

• Sketchファイル

• Pixsoファイル

• Adobe XDファイル

• SVGファイル

• Axureファイル

• Figmaファイル

• 画像(PNG、JPG )

④Axureファイルをインポート

Axureファイルをインポートする場合、Axureによって生成されたHTMLフォルダーを.zip形式に圧縮する必要があり、他の形式はサポートされていないので、ご注意ください。(暗号化されたZIPは認識できません。)  

具体的な手順は次のとおりです。

1.Axureファイルをエクスポート:Axureで[公開]-[HTMLファイルの生成]をクリックします。

Pixsoの「④Axureファイルをインポート」操作画面

2.エクスポート先を選択:エクスポート先として空のフォルダを作成し、選択が完了したら [ローカルに公開] をクリックします。

Pixsoの「④Axureファイルをインポート」操作画面

3.ZIP形式にAxureファイルを圧縮:フォルダを作成し、生成されたファイルを圧縮し、HTMLファイルだけではなくフォルダ全体を圧縮します。 圧縮の際にファイル形式を ZIP として選択し、暗号化することはできません。

4.圧縮されたAxureファイルをインポート:Pixsoワークベンチのホームページで、圧縮されたaxureファイルを選択しインポートします。  

Pixsoの「④Axureファイルをインポート」操作画面

⑤Figmaファイルをインポート

Pixsoは、figmaファイルのインポートをサポートし、設計ツール間のシームレスな切り替えを実現できます。

現在、Pixso は figma ファイルをインポートする 2 つの方法をサポートしており、実際の状況に応じて選択できます。

方法1、figma から.fig 形式のファイルをローカルにダウンロードし、Pixso にアップロードできます。

方法2、figmaファイルのリンクをコピーしてから、URLを入力する場所に貼り付けてインポートできます。

具体的な手順は次のとおりです。

方法1:

1.figma で .fig ファイルをローカルにエクスポートします。

Pixsoの「⑤Figmaファイルをインポート」操作画面

2.Pixso ワークベンチからファイルのインポートエントリを見つけます。

現在、figmaファイルをインポートするエントリは 3つあります。

 ⅰ.Figmaファイルをインポートするためのエントリは、ワークベンチのトップページの右上隅に場所から見つけます。

 ⅱ.[ファイルをインポート] ボタンから、figma ファイルを選択できます。

 ⅲ.[ファイルをインポート] ボタンから、バッチインポートを選択し,ローカル ファイルを直接に選択できます。

3.ファイルを選択し、インポートしを実行します。

Pixsoの「⑤Figmaファイルをインポート」操作画面

·figmaファイルをインポートするポップアップでは、中央の領域をクリックするか、.figファイルをポップアップ内にドラッグすることで、インポートできます。

方法2:

1、figma でファイルのリンクを取得します。

figmaでファイルのリンクを取得するには、次の3つの方法があります。

ⅰ.ファイルのアドレスバーからファイルのリンクを取得できます。

Pixsoの「⑤Figmaファイルをインポート」操作画面

ⅱ.ファイル共有のポップアップからリンクをコピーできます。

Pixsoの「⑤Figmaファイルをインポート」操作画面

ⅲ.ファイルの入り口から、右クリックしてファイルのリンクを取得できます。

Pixsoの「⑤Figmaファイルをインポート」操作画面

ご注意:リンクをコピーするときは、ファイルのアクセス許可をすべての人に表示されるように変更してください。共有ポップアップでファイルのアクセス許可を変更できます。

Pixsoの「⑤Figmaファイルをインポート」操作画面

2、figmaファイルをインポートするエントリを見つけます。

figmaファイルをインポートするエントリは2つあります。

ⅰ.ワークベンチのトップページの右上隅に場所から見つけます。

ⅱ.[ファイルをインポート] ボタンから、figma ファイルを選択し、URLのリンクを貼り付けます。  

3、figma で承認を取得します。

Pixsoの「⑤Figmaファイルをインポート」操作画面

リンクを介してfigmaファイルをPixsoにインポートする前に,Figma認証ページにアクセスして認証を行ってください。 figmaにログインした後、認証ページで「アクセスを許可」をクリックして認証を完了してください。

4、リンクを入力し、ファイルをインポートします。

Pixsoの「⑤Figmaファイルをインポート」操作画面

最後に、ファイルのリンクをボックスに貼り付けて、[インポート]をクリックします。プロセスが終了すると、Pixsoワークスペースでファイルを表示および編集できます。

Pixsoの「⑤Figmaファイルをインポート」操作画面

インポートしたファイルを確認する

  1. 元のファイルと、依存するコンポーネントライブラリをバックアップします。
  2. 読み込んだファイルを開き、ページ、レイヤー順、文字、画像、効果を元のファイルと比較します。
  3. 不足する書体とウェイトをインストールし、改行とレイアウトを確認します。
  4. 共有ライブラリは、コンポーネントライブラリの移行ガイドに従い、メインコンポーネントとインスタンスの関係を確認します。
  5. プロトタイプの接続を確認してから、共同作業者を招待します。

読み込めない・表示が異なる場合

選択したファイルが対応形式であり、元のアプリケーションで開けることを確認します。エラーメッセージを控え、一つのファイルだけか複数のファイルで起きるかを確認してください。大きなファイルの場合は、問題のある内容を含む小さな確認用ファイルで調べられます。機密ファイルは、承認されたサポート窓口からのみ共有してください。

他製品のプラグインで実現していた機能には、Pixsoでの別の作業方法が必要な場合があります。進行中のプロジェクトで元のファイルを置き換える前に、インポート結果を確認します。