(推して入るものの)絶対どんな環境でも Figma がおすすめ!とは思わないです。
なのでどのへんがいいかも含めてまとめていこうと思います。
vs XD
Figma のいいところ
- URLでの共有が楽
- XDでもURLでの共有できるけど閲覧しかできない、デザインを変更したらURLを発行し直す必要がある
- ファイル単位やページ単位、Frame単位と粒度ごとに共有できる
- 大規模な UI ライブラリの作りやすさ
- VariantsやAuto Layoutなどの機能が便利
- 共通スタイルやコンポーネントの管理が楽
- アセットの階層化やエフェクトの登録
- プラグイン開発のしやすさ、プラグインの充実度
- API機能
- エディターの追加や削除が簡単
- Community 機能でブランディングに寄与させやすい
- Pages でカテゴリーを分類したり、運用で工夫できる(XD はアートボードが並列)
- WEBベースのアプリなので
- コーディング時にデザインデータ上の入力値との差をあまり気にすることなく実装できる
- XDだと、line-heightの当たり方から違い、WEBベースのアプリの場合だと作るデータから気をつける事が多い
- OS限定のバグがない
- 編集者のバージョンが全て同じ(XDは各自でアップデートする)
Adobe XD のいいところ
- Adobe の資産が活用でき、Adobe系ファイルとの連携が手厚い
- 素材の作り込みが必要なリッチなLPやゲーム系のUIとかには向いている
金額
Professionalプランなら$12 per editor/monthなのでXDの単体プランと金額変わらない
機能差への所感
どっちも手間が違うだけで機能的な再現はできる
vs Sketch
Figma のいいところ
Sketch のいいところ
- URLでの共有が楽
- Color Style と Text Style を別で持てる
- JSON が読みやすい