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デザイナーさん必見です!
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

こんにちは!オンスタ運営です!
さて、待ちに待った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の共同編集に関する最速レポートでした!まだまだ今回のアップデートでたくさんの機能が搭載されたようですので、是非みなさんもおためしください!それではまた、よろしくお願いいたします!

 


【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

関連コンテンツ

WEB用に使われる画像形式の基礎と特徴
Webデザイン
マークアップ
公開日: 2019年04月19日
最終更新日: 2019年06月15日
WEB用に使われる画像形式の基礎と特徴
オンスタ運営
【Gmail】Gmailが超便利!Gmailの便利機能をご紹介!
web担当者
ツール
公開日: 2020年01月15日
最終更新日: 2020年01月15日
【Gmail】Gmailが超便利!Gmailの便利機能をご紹介!
  • # Gmail
  • # Keep
  • # Todoリスト
  • # サブメールアドレス
オンスタ運営
デザイナーとして向上するための本質を見極めるデザイン
デザイナー
デザイン
公開日: 2016年12月05日
最終更新日: 2019年05月28日
デザイナーとして向上するための本質を見極めるデザイン
オンスタ運営
デザイナーのキャリアアップ(デザイナーがキャリアアップするための道のり-最終章)
デザイナー
デザイン
公開日: 2017年01月29日
最終更新日: 2019年05月28日
デザイナーのキャリアアップ(デザイナーがキャリアアップするための道のり-最終章)
オンスタ運営
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
Webデザイン
オンライン学習
デザイナー
制作
公開日: 2019年11月12日
最終更新日: 2019年11月12日
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
  • # webデザイン参考
  • # 国内外問わず
オンスタ運営
取り扱いの難しいダウンロード素材などのライセンス周りについて調べてみた
web担当者
ツール
制作
広告
公開日: 2020年08月31日
最終更新日: 2020年07月21日
取り扱いの難しいダウンロード素材などのライセンス周りについて調べてみた
オンスタ運営
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
Webデザイン
プログラミング
公開日: 2017年07月17日
最終更新日: 2019年05月28日
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
オンスタ運営
デザイナーの横の軸を広げよう!
デザイナー
公開日: 2017年06月28日
最終更新日: 2019年05月28日
デザイナーの横の軸を広げよう!
オンスタ運営
【Code.org】4歳から18歳まで!ビジュアルプログラミング言語でプログラミングが学べる『Code.org』について調べてみた
エンジニア
オンライン学習
プログラミング
制作
公開日: 2020年07月21日
最終更新日: 2020年07月21日
【Code.org】4歳から18歳まで!ビジュアルプログラミング言語でプログラミングが学べる『Code.org』について調べてみた
  • # Code.org
オンスタ運営
「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】8選
Webデザイン
デザイン
公開日: 2019年03月18日
最終更新日: 2020年03月13日
「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】8選
オンスタ運営
全記事一覧

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

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

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

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