XDこんにちは、セブテク編集部です。XDは、Webサイトのデザイン・ワイヤーフレーム・プロトタイプ作成等に利用されるアプリケーションです。イラストレーター、フォトショップなど他のAdobe製品の多くは有料課金が必須となっているのに対し、XDはAdobe製品の中でも珍しく、無料で活用できる範囲がかなり広くなっています。Adobeといえば「デザイナーが触るもの」と思っている方も多いのではないでしょうか。確かに、Adobe製品でデザインを作成するのはデザイナーがメインです。デザイナー以外がファイルを受け取って確認する場面も多く存在します。XDに慣れ、活用していくためのいくつかのコツを紹介します。まとめAdobe公式が提供しているチュートリアルで学ぶAdobe公式が提供しているチュートリアルはかなり充実していますので、これを活用しない手はありません。ビデオやテキストでの説明に加え、練習用のサンプルファイルが提供されているので、自分で一から素材を作る手間がないのもポイントですね。〇チュートリアルhttps://helpx.adobe.com/jp/xd/tutorials.htmlまた、下記からダウンロードできるスターターキットでも基本的な操作が網羅されています。チェックしてみてください。XDで作成したUIキットを公開しています。E-Commerceサイト用やサインアップ画面用など、目的に合ったUIキットをダウンロードすることも可能です。〇UIキットhttps://www.adobe.com/jp/products/xd/features/ui-kits.html#panel-3これらを活用すれば、デザインを0から作るのではなく、アイデアを得たり、カスタマイズしたりして効率的に作業をすることができます。どのようなデザインデータがあるのかを見るだけでも楽しいので、気になるものをダウンロードしてみてはいかがでしょうか。画像はGoogleが提供するUIキットです。プラグインを活用するプラグインとは、アプリケーションをさらに便利に使える拡張機能のことです。XD上部のメニューから「プラグイン」→「プラグインを見つける」を選んで、好みのプラグインを探してみましょう。ここでは、2つプラグインを紹介します。Readyアートボードごとに自動翻訳が可能です。サイトの多言語対応で活用できそうですね。unDrawunDrawというサイト上で公開されている著作権フリー・商用利用化のイラストを、SVGデータで直接XD上にダウンロードできてしまうという、非常に便利なプラグインです。ちなみに本記事のアイキャッチ画像は、unDrawの素材をXD上で一部加工して作成しています。XDは、「ワイヤーフレームを作る」「プロトタイプを作る」などの王道の目的以外にも自由に活用することができます。自分に合った使い方を見つけてみてくださいね。XDに慣れ、活用していくためのコツを紹介しました。Inc.では、WebサイトやWebアプリケーション開発に精通しているフィリピン人エンジニアが多く在籍しています。ご興味があれば、お気軽にお問い合わせください。シーワイオーラボ株式会社のWebサイトにリンクします。2020.08.10こんにちは、セブテク編集部です。今回は、フロントエンド開発におすすめなフレームワーク3選をご紹介します。2019.06.14こんにちはセブテク編集部です。2021.02.03こんにちは、セブテク編集部です。海外で日本のカラオケを楽しもう!【おうちでカラオケ】ストレス解消にはもってこい!フィリピンにもあった!アーバンガーデニング(ベランダガーデニング)育てやすい植物5選セブのおしゃれなレストラン&バー!モクテルを楽しめるお店「Ambiance(アンビアンス)」、発見!セブのボランティアTNR活動。WordPress.。