株式会社スペースマーケットデザイン部の久保です。メインに使用しています。使用するのが最適解だと感じています。移行した際、そもそもなぜ移行したかったのかの掘り下げと、移行して楽になったことなどの効率面をまとめました。慣れ親しんでいる方まで、少しでも参考になれば幸いです。単純に不便がなくデザインツールとして完成度が高いですし、実用性の高いプラグインが多いため、こんなこと出来ないかなと思ったことは大抵解決できます。そのため、不満はほとんどありませんでした。それは、個人としては使いやすくても、チームとして使うのに限界を感じていたからです。UIを構築するデザインツールとしては優秀ですが、コラボレーションツールとしては使えないため、自分以外のチームメンバーと情報をシェアするためには他のツールが必須です。移行以前は、デザインレビューにinVision、エンジニアへの引き渡しにZeplin、デザインデータの管理はGitHub(Abstract)を使用していました。移行するまでの不満は以下のようなことでした。コミュ二ケーションコスト・Sketchファイルの差分が見えていても影響範囲が大きいライブラリを更新するとコンフリクトしやすいため、いちいち「Molecules触りますね〜」などコミュニケーションをとる必要がある・1つのデザインファイルを同時に編集する時も上述と同じ。すべて反映する必要があり、一つでも同期していないと破綻する。Studioも、主観ですがどうにも使いづらかった上にSketchのプロトタイプは使えないに等しい)。最終的には口頭になったりコメントになったりしていて、実装イメージがプロジェクトメンバーに伝わりづらいこれらのコストは人が増えれば増えるほど、案件が増えれば増えるほど煩雑になり面倒になっていき、デザインのスピードが落ちていきます。いう救世主が現れました。詳細を下記に書いていきます。いうデザインシステムを採用しています。適応しやすそうだったからでした。パーツをシンボル化することで、コピーしたシンボルがインタンスとして扱われ、文言や画像、カラーなど一部のデザインを自由に変更することが出来ます。同じパーツであってもそれぞれ違う見た目にすることが可能で、そのオーバーライド機能が優秀なため、コンポーネントを設計するのに向いていることが分かります。相性が良いと感じています。同一アートボード上にシンボルとインスタンスが同時に存在することが可能なため、視覚的に分かりやすく修正がしやすいです。長く使っていたため、インスタンスの中身が見えていてしかも直で修正出来るというのは衝撃的でしたが、これがすごく便利です。データは何もしなくても常に最新であるため、デザイナーがデザインに迷いコンポーネントを仮で作ったとしても、後からの変更が容易のため、仮置きでも気負わず作れるのが嬉しいです。Sketchでももちろん出来ることですが、上述したとおりコアファイルの新規と編集はバージョン管理とコミュニケーションコストがかかるためかなり面倒でした。上述に少し書きましたが、今までのワークフローだと、GitHub(Abstract)を通しているので差分の確認は出来るものの、コンフリクトしたくないので、作業が被りそうな時は事前にお互いが何を触るか確認する必要がありました。面倒ですが、コンフリクトした時に再設計するよりマシだったので。コアファイルを触った際(Atoms等)、マージが遅れると次の人が使えず、不要なコンポーネントを生み出してしまった、ということもありました。即時最新に反映されないデザインファイルが、多人数が触る環境だと不便だったのです。この即時反映される同時編集機能のおかげで、mtg中にデザインをぱぱっとデザインを修正してすぐに確認して貰うことが可能だったり、デザインに迷ったデザイナー同士がPCを並べて一緒にデザインを作ったりと、とても便利です。この先どうなっていくのかは不明です(本題から逸れるため割愛します)。以外のツールが不要なのが素晴らしいです。一本で大きな不満はありません。ツールが分かれていることで発生するコストやヒューマンミスがないため、開発スピードが上がります。地味な話ではありますが、複数あるデザインファイルを各ツール内で管理するのも面倒でした(ページごとに名前を区切って、ファイルを綺麗に並べて......等)。デザインしたものをすぐにプロトタイプに落とし込むことが出来て、修正した後も容易に変更出来るので大きくデザインが変わったとしても繋ぎこみがすごく楽です。プロトタイピング専用ツールのように、マイクロインタラクション面は出来ないことも多いのですが、マウスホバーや部分固定等の基本的なことは抑えてくれていて、単純に使いやすいです。機能があるとかゆいところに手が届くんですが、これからに期待。個人的には機能がもりだくさんになって誇大化するぐらいなら、今の機能+αぐらいで十分だと感じています。プロトタイプについては伊東が詳しく書いているので、興味のある方はそちらを参照ください。大きなPJのプロトタイプ。移行した際の感想になります。以上に使用しやすいツールが出てきたらそちらに移行する可能性もあります。人気のあるデザインツールにはそれぞれ強みを持っているので、何が必要か、そのための取捨選択は何か、その時々でチームに合ったものを考えていく必要があります。新しいツールや技術を使うと学習コストも手間もかかるしチーム以外の承認も必要だし......とつい保守的になりがちなのですが、楽になることは積極的に取り入れていきたいですし、スペースマーケットはデザイン部に限らず、どんどん新しいことを試せる環境です。コーディングしたい、デザイナーだけどPMしたい、などなど色々なチャレンジをしたい・興味のある方はぜひ遊びにきてください。Designスペースを簡単に貸し借りできるサービス「スペースマーケット」のデザイナーによる公式ブログです。デザインへの想いや考え方、社内での合宿やイベントなど、クリエイティブに関する幅広い情報を発信します。記事まとめデザイン系の記事を収集してまとめるマガジン。ついた記事などをチェックしています。クリエイターへのお問合せnoteカイゼン目安箱クリエイターの。