INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Menu

Adobe XDからのインポート

Adobe XDのデザインを、プラグインを使ってProtoPieにインポートします。

Adobe XD用ProtoPieプラグインをインストールし、Adobe XDでプラグインを開きます。

Adobe XD用ProtoPieプラグイン

Adobe XD用ProtoPieプラグインをダウンロードしてインストールします。これにはProtoPie 7.0以上が必要です。

Adobe XD用ProtoPieプラグインを使用すると、圧倒的なスピードと柔軟性を手に入れることができます。遅延を発生させることなく、すべてローカルでAdobe XDからデザインをProtoPieにインポートできます。

インポートするものをコントロールします。アートボードをシーンとしてインポートし、Adobe XDと同じレイヤー階層、配置、制約を持つオブジェクトをインポートします。

最高のパフォーマンスを得るために、ProtoPieにデザインをインポートする間、デスクトップ上でAdobe XDを開いて表示したままにしてください。

初めてですか? このサンプルファイルを使って、Adobe XD用のProtoPieプラグインを試してみましょう。

サポートされているプロパティ

  • 非表示/表示

  • ロック

  • 位置

  • サイズ

  • 回転

  • 不透明度

  • 制約

  • 塗り(単色&画像)

  • 境界線

  • シャドウ

詳細はこちら(ProtoPieのレイヤープロパティについて)。

Adobe XD用ProtoPieプラグインでは、以下のことが可能です。

  • 1つまたは複数のアートボードとオブジェクトをインポートする。

  • アートボードをシーンとしてインポートする。

  • 選択したものをインポートする。

  • ベクターレイヤーをSVGとしてインポートする。

  • テキストレイヤーに変換可能なテキストレイヤーをSVGとしてインポートする。

  • 制約を制約としてインポートする。


シーンとしてのインポート

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


{'_type': 'localeString', 'en': 'all artboards protopie plugin adobe xd'}
オブジェクトのインポート

Adobe XDと同じレイヤー階層、配置、制約を維持したままオブジェクトをインポートします。一度に1つ、または複数のオブジェクトをインポートすることができます。

Adobe XDのコンポーネントおよびコンポーネントインスタンスは、コンテナとしてインポートされます。ProtoPieでもコンポーネントとして維持するには、これらをコンポーネントに変換してください。コンポーネントの詳細情報はこちら。


{'_type': 'localeString', 'en': 'objects protopie plugin adobe xd'}
SVGとしてのインポート

Adobe XDのベクターレイヤーを、ProtoPieのSVG(Scalable Vector Graphics)としてインポートします。プロパティを編集可能にするには、インポート後にシェイプに変換してください。ProtoPieは、まだすべてのSVGプロパティをサポートしているわけではありません。SVGレイヤーの詳細情報はこちら。

テキストレイヤーのインポート

Adobe XDのテキストレイヤーを、ProtoPieのSVGとしてインポートします。プロパティを編集可能にするには、インポート後にテキストレイヤーに変換してください。テキストレイヤーの詳細情報はこちら。

再インポート

一般的に、Adobe XDから再インポートされたアートボードやオブジェクトは、以前インポートされたものと置き換えられます。ただし、考慮すべきいくつかの例外があります。

  • ProtoPieでインポートされたオブジェクトの一部のプロパティを変更した場合、再インポートはその特定のオブジェクトには影響しません。

  • インポート後にレイヤー階層を変更した場合、再インポートはその調整されたレイヤー階層には影響しません。たとえば、インポートされたレイヤーを新しく作成したスクロールコンテナに追加した場合などです。

  • インポート後に削除されたレイヤーは再インポートされません(Adobe XDでその特定のレイヤーのみを選択してProtoPieにインポートする場合を除く)。

  • シーンやオブジェクトの複製を作成したい場合は、1度インポートしてから複製してください。たとえば、Adobe XDのアートボードをProtoPieで2つのシーンとして使用したい場合、これを1度インポートし、シーンを複製して2つ目のシーンを作成します。

シーンとしてのインポート

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


{'_type': 'localeString', 'en': 'all artboards protopie plugin adobe xd'}
オブジェクトのインポート

Adobe XDと同じレイヤー階層、配置、制約を維持したままオブジェクトをインポートします。一度に1つ、または複数のオブジェクトをインポートすることができます。

Adobe XDのコンポーネントおよびコンポーネントインスタンスは、コンテナとしてインポートされます。ProtoPieでもコンポーネントとして維持するには、これらをコンポーネントに変換してください。コンポーネントの詳細情報はこちら。


{'_type': 'localeString', 'en': 'objects protopie plugin adobe xd'}
SVGとしてのインポート

Adobe XDのベクターレイヤーを、ProtoPieのSVG(Scalable Vector Graphics)としてインポートします。プロパティを編集可能にするには、インポート後にシェイプに変換してください。ProtoPieは、まだすべてのSVGプロパティをサポートしているわけではありません。SVGレイヤーの詳細情報はこちら。

テキストレイヤーのインポート

Adobe XDのテキストレイヤーを、ProtoPieのSVGとしてインポートします。プロパティを編集可能にするには、インポート後にテキストレイヤーに変換してください。テキストレイヤーの詳細情報はこちら。

再インポート

一般的に、Adobe XDから再インポートされたアートボードやオブジェクトは、以前インポートされたものと置き換えられます。ただし、考慮すべきいくつかの例外があります。

  • ProtoPieでインポートされたオブジェクトの一部のプロパティを変更した場合、再インポートはその特定のオブジェクトには影響しません。

  • インポート後にレイヤー階層を変更した場合、再インポートはその調整されたレイヤー階層には影響しません。たとえば、インポートされたレイヤーを新しく作成したスクロールコンテナに追加した場合などです。

  • インポート後に削除されたレイヤーは再インポートされません(Adobe XDでその特定のレイヤーのみを選択してProtoPieにインポートする場合を除く)。

  • シーンやオブジェクトの複製を作成したい場合は、1度インポートしてから複製してください。たとえば、Adobe XDのアートボードをProtoPieで2つのシーンとして使用したい場合、これを1度インポートし、シーンを複製して2つ目のシーンを作成します。