フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

AdobeXd(体験版)をWindows環境にインストールしてプラグインが便利そう

はじめに

  • 知り合いから既存サイトの改修の話をもらいプログラム修正ならよいが、画像編集やレイアウト変更の話がきたので、とりあえずXDをインストールしてみた。

インストール手順

1.下記のサイトから体験版をダウンロードして、ダウンロードしたexeファイルを起動する www.adobe.com

  1. ログイン画面が表示されるので、「アカウントを作成してください」をクリックする f:id:PX-WING:20200827215103p:plain

  2. メールアドレスや氏名などを登録する f:id:PX-WING:20200827215243p:plain

  3. インストール中(4~5分ぐらい) f:id:PX-WING:20200827215848p:plain

  4. インストール完了後、起動される f:id:PX-WING:20200827222402p:plain

プラグインをインストールする方法

f:id:PX-WING:20200827224448p:plain

Webサイトにエクスポートするプラグイン(Web Export)

  • プラグインのメニューのエクスポートを選択する。 f:id:PX-WING:20200827225339p:plain
  • Webサイトへエクスポートできるらしい。 f:id:PX-WING:20200827225425p:plain

Webサイトにインポートするプラグイン(Mimic)

  • プラグインのメニューをクリックすると、インポートしたいサイトのURLを指定する f:id:PX-WING:20200827225339p:plain
  • 残念ながら指定したサイトの画像すべてをインポートすることができなかった。画像を5ファイルほどインポートすることができた。画像自体は50ファイルぐらいあるページなのだが・・・

結局

  • SIerのときによく利用していたツールをダウンロードして既存サイトを一式ダウンロードしてきてローカルで画像編集ソフトで画像編集した方がよさそうだ。 www.vector.co.jp

  • 久しぶりにプログラムを触らなかった・・・