MENUCLOSE
twitter ツイッターfeedlyRSS

オンスタでは、オンラインで学習するために役立つコンテンツを掲載しています。そのほか、UdemyをはじめとしたEラーニングサービスの紹介も行っています。

オンスタ | オンラインで学習するための近道になるサイト
Adobe XDに待望の新機能!共同編集機能がリリース!webデザイナーさん必見です!

Adobe XDに待望の新機能!共同編集機能がリリース!webデザイナーさん必見です!

公開日:2019年11月06日
最終更新日:2019年11月06日
オンスタ運営
Webデザイン
web担当者
ツール
デザイナー
制作
ホーム > 全記事一覧 > 制作 > Adobe XDに待望の新機能!共同編集機能がリリース!webデザイナーさん必見です!
このエントリーをはてなブックマークに追加
Adobe XDに待望の新機能!共同編集機能がリリース!webデザイナーさん必見です!

こんにちは!オンスタ運営です!
さて、待ちに待ったAdobe XDから新機能「共同編集作業機能」がリリースされました!
今回のアップデートでコンポーネント周りにもいろいろ便利な機能が搭載された模様です!早速最速レポートです!

共同編集画面イメージ

共同編集する場合、まだリリース直後ということもあり、日本語の方のサイトだと、招待したURLが「The requested URL was not found on this server.」というエラーを吐いて、うまく共同編集できないといったケースがあるようです。
URLのjaの箇所をjpに変更して、切り替えるとうまく動作します!

共同編集するとどんなイメージでしょう?筆者が開いたところ、以下のようなイメージでした!

共同編集の開始方法

さて、気になるこちらの機能ですがどのように開始すればよいでしょう?簡単に以下にまとめましたのでご参照ください!

ファイルを作成する

どんなものでもいいですので適当にファイルを作りましょう。今回はひとまずテストということでデフォルトの「名称未設定」というタイトルです。
ファイルの保存先はAdobeの「クラウド上」に保存してください!URLから開けなくなりますので、こちらは要注意です!

ユーザーを招待する

実際に一緒に共同編集してくれるユーザーを招待します。右上のユーザーアイコンをクリックしてください。以下のような画面が表示されます。
Adobe XD 共同編集イメージ 1

ここから実際に招待を開始します。
下に「共同編集の紹介」について解説があります。その下に「共同編集を有効にする」というボタンがありますのでそちらをクリックして、まずXD側の共同編集機能をONにしmしょう!次にメンバーのすぐ上にある「共有者を追加」の入力欄からメールアドレスを入力して、作成した名称未設定ファイルへ共同編集者として招待しましょう。

この時に入力するメールアドレスは「Adobeアカウント」作成時に登録したメールアドレスですので、注意しましょう!
※Adobeのクラウドを通じて共同作業をする形のようですので、お互いがAdobeアカウントを持っている必要があるようです。

共有できているか確認する

招待が完了したら、もう一度右上のアイコンをクリックしてみましょう。以下のような画面が表示されるはずです。

Adobe XD 共同編集イメージ 2

メンバーが増えているのを確認できました!これで相手と共同編集を開始する準備ができました!
これで共同作業を開始できます!相手がファイルを開いているとアイコンの色が変わって表示されます。
Adobe XD 共同編集イメージ 3

これでリアルタイムに情報をいろんな共有しながら、1つのファイルで編集作業を進めていくことができますね!

相手側はどのようになるのか?

 Creative Cloudアプリを開くと招待が届いているのが確認できます。こちらから招待をクリックして、URLを開きましょう。

Adobe XD 共同編集イメージ 4

URLを開くとjaのため、以下のようなエラーがでますが、

Adobe XD 共同編集イメージ 5

ご安心ください!冒頭で紹介した通り、URLの中の「ja」を「jp」に変更しましょう!すると以下のような画面が表示されつつ、アプリケーションを開くウィンドウが表示されます!

Adobe XD 共同編集イメージ 6

そのままXDを選択して、リンクを開くボタンをクリックするとAdobe XDが立ち上がり、招待された相手側も共同編集画面へ移行します!

 

おわりに

以上、Adobe XDの共同編集に関する最速レポートでした!まだまだ今回のアップデートでたくさんの機能が搭載されたようですので、是非みなさんもおためしください!それではまた、よろしくお願いいたします!

 

関連コンテンツ

知っておきたい!Photoshopを使ってできることを大公開
Webデザイン
公開日: 2019年06月14日
最終更新日: 2019年06月18日
知っておきたい!Photoshopを使ってできることを大公開
  • # Photoshop
  • # pickup
  • # できること
オンスタ運営
デザイナーとして向上するための本質を見極めるデザイン
デザイナー
デザイン
公開日: 2016年12月05日
最終更新日: 2019年05月28日
デザイナーとして向上するための本質を見極めるデザイン
オンスタ運営
【初心者向け】cssアニメーションの基礎から簡単な作成サンプルまで一気にご紹介!
エンジニア
制作
公開日: 2019年09月02日
最終更新日: 2019年09月02日
【初心者向け】cssアニメーションの基礎から簡単な作成サンプルまで一気にご紹介!
オンスタ運営
Google Chrome で拡張機能に頼らず全画面のキレイなスクリーンショットを撮る方法
その他
ツール
公開日: 2017年07月05日
最終更新日: 2019年08月02日
Google Chrome で拡張機能に頼らず全画面のキレイなスクリーンショットを撮る方法
オンスタ運営
Webデザイナーの仕事とは!?平均年収や将来性までご紹介
デザイナー
公開日: 2019年06月13日
最終更新日: 2019年06月13日
Webデザイナーの仕事とは!?平均年収や将来性までご紹介
  • # Webデザイナー
  • # 仕事
オンスタ運営
【Webデザイン検証.その1】ホームボタンってグローバルナビ に必要なの?
Webデザイン
デザイン
公開日: 2019年03月26日
最終更新日: 2019年05月28日
【Webデザイン検証.その1】ホームボタンってグローバルナビ に必要なの?
オンスタ運営
新着
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
Webデザイン
オンライン学習
デザイナー
制作
公開日: 2019年11月12日
最終更新日: 2019年11月12日
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
  • # webデザイン参考
  • # 国内外問わず
オンスタ運営
デザイナーとしてのプロ意識(デザイナーがキャリアアップするための道のり-其の1)
デザイナー
デザイン
公開日: 2016年12月19日
最終更新日: 2019年05月28日
デザイナーとしてのプロ意識(デザイナーがキャリアアップするための道のり-其の1)
オンスタ運営
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
Webデザイン
プログラミング
公開日: 2017年07月17日
最終更新日: 2019年05月28日
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
オンスタ運営
「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選
Webデザイン
デザイン
公開日: 2019年03月18日
最終更新日: 2019年05月29日
「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選
オンスタ運営
全記事一覧

web制作者にオススメのオンライン学習サイト「Udemy」

世界最大級のコースがラインナップ!電子書籍サイト「Udemy」

世界最大級のコースがラインナップ!オンライン学習サイト「Udemy」

「Udemy」ではいつでもどんなトピックでも、専門家が教える何千ものコースを用意されており、無料で学べるコースも多数あります。もうちょっと勉強したいな。スキルアップしたいな。と思ったら是非チェックしてみてください。