Microsoft Teams : Adobe XD との統合?

数日前にSNSで見かけたのですが、 Microsoft Teams と Adobe XD の統合だとか。

Microsoft Teams adds integration with Adobe XD
https://techcommunity.microsoft.com/t5/Microsoft-Teams-Blog/Microsoft-Teams-adds-integration-with-Adobe-XD/ba-p/226003

Adobe XD Adds Integration with Microsoft Teams
https://theblog.adobe.com/adobe-xd-adds-integration-with-microsoft-teams/

Microsoft 側のブログと Adobe 側のブログですが、内容はどちらも同じです。

そもそも Adobe XD って何?ってところですが、Webサイトやモバイルアプリなどのデザインやプロトタイプが作れるUI/UXデザイナー向けの製品です。今までは PhotoShop が使われていたけど、XD の方が素早く作成できます。僕自身はあまり使った事はないけど、過去にUXデザイナーと一緒に仕事をした際に、ワイヤーフレームやデザインカンプの打ち合わせでは、XDでその場で出た案をすぐ反映させられるので、すごく便利でした。

つまりデザイン向けのツールなわけですが、どう統合されたんでしょうか?それでは実際に試してみます。

▼とりあえず Adobe XD で適当に作ります

▼共有したデザインのリンクをチーム内の会話に貼り付けます

▼投稿するとこんな感じでサムネイル付きでリンクが表示されます

上で紹介したブログ記事内のスクショ画像と同じですね。このリンクをクリックするとブラウザで Creative Cloud ライブラリのファイルが表示されました。

では、ファイルを直接チームに貼り付けたらどうなるか?

▼さっき作ったファイルをPCに保存します

▼ドラッグ&ドロップで会話に貼りつけて投稿すると普通のファイルと同じ。こちらはサムネイル表示はされません

▼クリックすると作成したデザインが表示されます

ちなみにこの方法で貼り付けてプレビューしても、 Adobe XD を持っていないチームメンバーでも表示できるんです。そのカラクリはと言うと…

▼デザイン部分を右クリックしてファイルを保存しようとするとこのようにPNGファイルでした

▼もちろんそれを見ながら会話ができます

リンクを貼り付ける方法だと Creative Cloud ライブラリ内でコメントを書けるし、直接ファイルを貼り付ける方法なら Microsoft Teams 内で会話ができますね。

統合される前の仕様がわからないので、統合されて何が実装されたのかは実はよくわからないのですが…。
とにかくMicrosoft Teams 内で Adobe XD のプレビューができますね。ちなみに今まで機会がなかったからやらなかったけど、 PhotoShop のpsdファイルや Illustrator のaiファイルも同じく Microsoft Teams 内でソフトがなくてもプレビューできます。

こうやって Microsoft 製品のみならず、他社の色々なサービスを統合でき、 Microsoft Teams をワークスペースとして完結できるようになるのが良いですね。