デザイナーの西田です。 弊社では目的に応じて、複数のデザインツールを使い分けてUIデザインを作成しています。 昔は各々好きなデザインツールを使っていたのですが、事業がどんどん拡大し、メンバーが増えていくと、チームで統一されたワークフローがないと回らない状況になっていきました。各ツールの長所&短所を何度も議論した結果、現在はSketch + InVision + Zeplin + Abstractの組み合わせで進めています(2018年9月時点) 今回の記事では、現状のデザインツール&フローに至った経緯を紹介していきます。 目次 1. プロダクト&チーム プロダクト チーム 2. ワイヤーフレーム:自由 3. モックアップ:Sketch vs AdobeXD vs Photoshop Zeplin連携 Sketch Librariesによるコンポーネント化 4. プロトタイプ:InVision
![Sketch + InVision + Zeplin + Abstractで効率化するデザインフロー](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c85a76a0d1d3ad591c0fae0a34f2555dea8f43e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fq%2Fquipper-ja%2F20180928%2F20180928122432.png)