CSS Nite LP64「Coder's High 2019」 にて、「デザイナーとコーダーをつなぐ、Adobe XDを用いたモダンなウェブ制作」というテーマで登壇しました。

Adobe XDのリピートグリッドや自動アニメーションなどの便利な機能を使えば、効率よくウェブデザインを作成でき、マイクロインタラクションも取り入れられます。

ただし、XDで仕上がるのはあくまでプロトタイプ。コーダーが手作業でHTML・CSS・JavaScriptで実装して、初めてウェブページが完成します。

本セッションでは、XDでのデザインからをコーディングまでを、デザイナーとコーダーがそれぞれの立場から解説。XDを中心とした、ウェブ制作の現場で使える実践的なワークフローを紹介します。