[Sponsor] 「これからWebデザインを始めたい」方のための
Webデザインスクールを渋谷で開催!
ゆき2019/08/14 12:30

UIデザインにはどのツールを使うのがおすすめですか?

普段はSketchを使っているのですが、最近FigmaやAdobe XDを使っている人もよく見かけるようになりました。

結局UIデザインのツールってどれがいいんでしょうか?

回答

  • takuya2019/08/14 23:59

    Adobe XDが無料で多機能でスマホ連携もできるのでオススメですよ。

    デザイナーだけのアプリじゃないので非デザイナーの人ともコミュニケーションが取りやすいです。

  • 人間2019/08/15 08:47

    ソーシャルメディアやブログだけ眺めていると声が大きいのが目立つので混乱しますね。『最近流行っている=使える』というわけではないので注意が必要です。また、いずれも一長一短で、どの職場でも使える最強 UI ツールというのはないので下記を参考にして判断してみてください。

    Adobe XD
    * 日本語 UI じゃないとダメな人がいる
    * Windows を使うデザイナーがいる
    * イザというときに書籍があると嬉しい
    * Adobe がサポートしているコミュニティがある
    * 起動などパフォーマンスが他より良い

    Figma
    * 同時編集をしてコラボーレションを高めていきたい
    * ブラウザからいつでもデザインファイルにアクセスできるようにしたい
    * ファンが増えているので情報をよく見かける
    * API が充実しているので開発との連携がしやすい

    Sketch
    * 上記ツールより長く開発されているだけあって多機能
    * 困った時のプラグインが豊富
    * コンポーネントを意識したデザインであれば Sketch が一番柔軟(次点は Figma)
    * 連携できるサードバーティの web サービスが多い
    * ネイティブ Mac アプリらしい操作感がある

    すべてのツールで共通していること
    * UI デザインとプロトタイプをワンストップでできる
    * スマホで確認できるビューワーがある
    * プラグインがある(数は今のところ Sketch > XD > Figma)
    * 詳細度を様々ですが、コンポーネントをつかったデザインができる
    * クラウド上で共有ができる(Figma のような同時編集は他はできないですが、いずれ実装されると予測しています)

  • add_kk2019/08/15 14:46

    今、人気のあるツールとしては、Sketch, Adobe XD, Figma でしょうか。
    それぞれに特徴もありますが、基本的な機能はそれぞれが差別化を図りつつ、遅れている機能はすぐ追いつき、また差別化を 〜(略) という感じで、どれも近づいてきている印象も正直あります。

    細かい機能や使い勝手の比較などは以下のnoteのシリーズにとてもよくまとめられているので、見ていただきながらそれぞれ触っていただくと自分やチームにあったものが見つけられるかも知れません。
    https://note.mu/psephopaiktes/n/ne911c869a9d8

    ちなみに私はそれぞれ触りつつ、Sketchを特に使用していますが、理由としては
    ・ショートカットがとても直感的
    ・シンボル〜コンポーネントの設計、管理がしやすい
    ・Zeplinと組み合わせることでディレクターやエンジニアへの共有やデザインレビューなどがしやすい
     (XDやPhotoshop, Figmaからでも可能ですが)
    ・Abstractと組み合わせるとデザインデータのバージョン管理がgitのような感覚でできる
    というところが気に入っています。

    Figmaは同時編集やコラボレーションなど使っていてとても楽しいツールではあるのですが、コラボレーションに参加する人でフォントの環境を揃えないといけなかったり(非デザイナーとのコラボやOSが違う場合にちょっと影響あり)、自分のチームとして、同時に同じデザインを触るケースがあまりない、ということでSketchをメインで使っています。

回答する

新規登録してログインすると質問にコメントがつけられます