初めてAdobe XDを使った感想

Adobe XDとは

簡単な印象としては、モックアップ作成ツールというイメージです。 実際にコーディングをする前にクライアントとの打ち合わせでイメージを決めてから、コーディングに映るということができます。 コーディングで実装をした後に、修正作業が多いと、非常に工数がかかるので、そこが事前に抑えられるのが大きなメリットだと思います。

Adobe XDを使った感想

便利だなと思った機能は、やはりリピートグリッドですね。 記事一覧などを、共通化できるのは、エンジニア的にはかなり嬉しいですし、画像やコンテンツの入れ替えも自在にできる点が素晴らしいと感じました。 他にも、共有機能を使うことで、編集中に使ったcssのサンプルが見れる点が非常に工数削減につながる予感がしています。

便利なUIキット

adobe xdにはモックアップを手助けする、様々なデザインが集まった、デザイン集のようなイメージですね。 これらを組み合わせることで、短時間でおしゃれな感じのデザインのサイトのモックアップを作ることができて非常によかったです。

初めて作ってみたモックアップ

今回はコーヒーサイトのトップページのモックアップに挑戦しました。 https://github.com/nakano1994/xd-portfolio/blob/main/coffee-blog-top-mockup.png