Adobe XDとFigma

Adobe XDとは、Adobeが販売しているベクターベースのプロトタイピング作成ツールです。Adobe IllustratorやAdobe Photoshopなどと違い、「プロトタイプ」「コンポーネント」の機能が備わっており、よりUI/UXデザイン向けに開発されています。「思考の速さでデザインする」というスローガンを掲げており、素早い操作が可能です。

Adobe XD 公式サイト


Figmaとは、ブラウザ上で動作可能なコラボレーション・インターフェース・デザイン・ツールです。Adobe XDと同じく「プロトタイプ」「コンポーネント」の機能が備わっており、UI/UXデザイン向けに開発されています。リアルタイムでのコラボレーションに重点を置いており、共有機能が充実しています。

Figma 公式サイト

Adobe XDのメリット

高速な動作ができる
「思考の速さでデザインする」というスローガン通り、素早い操作が可能です。

他のAdobe製品との連携が簡単
Creative Cloud ライブラリを使用することで、Adobe IllustratorやAdobe Photoshopなど他のAdobe製品と簡単に連携することができます。

繰り返し機能で効率的に作業ができる
何度も繰り返される要素をリピート設定すると、ドラッグするだけで自動で複製してくれる「リピートグリッド」という機能があります。

Figmaのメリット

ブラウザ上で動作ができる
ブラウザ上で動作可能なため、アプリケーションがインストールされていないデバイスでも簡単に使用することができます。

プラグインが豊富
必要な機能を探してプラグインを導入することで、使いやすいFigmaにカスタマイズできます。

リアルタイムで共同編集ができる
強力な共同編集機能が備わっており、複数人でリアルタイムにプロジェクトを共有・編集が可能です。

Adobe XDの料金

コンプリートプラン(6,480円/月)
すべてのAdobe製品が使えるプランです。すでにこのプランを契約済の方は、追加料金無しでAdobe XDを使用できます。
※初めての方は7日間の無料体験が利用できます。

Creative Cloud コンプリートプラン

Figmaの料金

スターター(無料)

  • 3つのプロジェクト作成
  • 無制限のクラウドストレージ
  • 無制限のレビュアー/エディター招待

Figmaプロフェッショナル(1,800円/月)

  • プロジェクトの作成制限なし
  • 上記に加えて、プロトタイプの共有権限、共有可能なチームライブラリ機能などの追加

Figma ビジネス(6,750円/月)

  • チーム数の制限なし
  • 上記に加えて、管理やセキュリティ機能に関する機能が追加

エンタープライズ(11,250円/月)

  • 上記に加えて、専用ワークスペースやより高度なデザインシステムなど、管理やセキュリティ部分の機能が増える

まとめ

Adobe XDとFigmaそれぞれの特徴はありつつも、どちらもUI/UXデザインをするにあたって非常に優れたツールです。目的や環境によって適切なツールを選択することで、メリットがより活かされるのではないでしょうか。Adobe XDは7日間、Figmaはスタータープランを無料で使用できるので、ぜひどちらも使ってみることをおすすめします。

著者プロフィール

ロクナナワークショップ(67WS)

ロクナナワークショップはWeb制作会社ロクナナが企画運営する、開講20周年を迎える「Web制作の学校」です。転職・就職・ステップアップのためのリスキリングに最適な、短期集中型の講座を多数展開しています。セミパーソナルレッスン(少人数ハンズオントレーニング、定員12名)、超短期間カリキュラム(1日集中 6時間レッスン)、ベテラン有名講師の直接講座のみ、PCを使ったハンズオントレーニングです。
https://67.org/ws/ X(旧Twitter) Instagram