![](https://fragmentinc.co.jp/wp/wp-content/uploads/2020/06/main@2x-3.jpg)
昔はサイトのジェネレーターで気になるサイトの色とか抽出するものがあったと思いますが、今回はAdobe XDのプラグインです。
![](https://fragmentinc.co.jp/wp/wp-content/uploads/2020/06/image01@2x.jpg)
![](https://fragmentinc.co.jp/wp/wp-content/uploads/2020/06/image02@2x.jpg)
やり方はAdobe XDを開いてから、上のメニューのプラグイン→プラグインを見つけるを選び、検索から「Mimic」と打って、インストールさせます。
気になる参考サイトのURLを入力するだけ
例えばSONYのプレイステーションサイトが気になったとします。
![](https://fragmentinc.co.jp/wp/wp-content/uploads/2020/06/image03@2x.jpg)
早速Adobe XDを開いて、メニューのプラグインから「Mimic」を開きましょう。検索ウィンドウが出てきます。
![](https://fragmentinc.co.jp/wp/wp-content/uploads/2020/06/image04@2x.jpg)
ここに抽出したいURLを入力すると、下記の通り、このページに使われているフォント、色、画像が書き出されます。
![](https://fragmentinc.co.jp/wp/wp-content/uploads/2020/06/image05@2x.jpg)
このサイトで使われている、メインカラーもわかりますね。Adobe XDをデザインのメインに使っていない人でもこのプラグインだけ使っている人もいるでしょうね。