トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

AdobeXD to Unityを試した

XdUnityUI

XDからUnityにUIをインポートできるパッケージ

github.com

 

日本語の説明はこちら

qiita.com

gif見ていると、ただパーツを書き出すだけじゃなくて、uGUIの動きまで書き出されるのか?と思ったがよく分からない

使ってみた

unitypackageとXDのプラグイン入れる

github.com

unityは2019.3でやったけど、推奨バージョンとかあるのだろうか

追記:Unity2018.4(LTS)以降で動作するよう目指しているそうです!(コメントより)

f:id:bibinbaleo:20200319212352p:plain

XDのプラグインはunitypackageの中のここにある。ダブルクリックでXDが立ち上がってインポートされる。

f:id:bibinbaleo:20200329114143p:plain

 

XDサイド

unitypackageの中に入っているXDのサンプルを開く

f:id:bibinbaleo:20200319211731p:plain

下のアートボードを選んで

f:id:bibinbaleo:20200319213600p:plain

XDのプラグインを押してさっきのunityフォルダのimportフォルダにUnityのフォルダ指定してExportをする

f:id:bibinbaleo:20200319211605p:plain

エラーが出る

f:id:bibinbaleo:20200319211609p:plain

いったんCtrl+Eで普通の画像書き出しをした後、Unityのフォルダじゃなくてデスクトップにしたら書き出しできた。

f:id:bibinbaleo:20200319212558p:plain

書き出されたフォルダを指定のimportフォルダに入れた

Unityサイド

そしてメニューから書き出し

f:id:bibinbaleo:20200319212654p:plain

ここにプレハブが入る

f:id:bibinbaleo:20200319212804p:plain

スプライトも入る

f:id:bibinbaleo:20200319212847p:plain

プレハブのほうをCanvasの下にプレハブを置いたら真っ白だった

f:id:bibinbaleo:20200319212700p:plain

最新版にしたら上の手順で表示された!

f:id:bibinbaleo:20200329115343p:plain

属性

ボタンにはButtonコンポーネントがついてる!

f:id:bibinbaleo:20200329115347p:plain

どうやって属性の設定をしているんだろう?

XDのこのフォルダ構成の名前かな?

f:id:bibinbaleo:20200329115823p:plain

そうみたい!

AdobeXDでUnity用UIを作成する(XdUnityUI) - Qiita

エラー

GameSampleアートボード以外書き出せない

XDの普通の書き出しをしようとしてもエラーがでる

f:id:bibinbaleo:20200329120244p:plain

最後に