こんにちは。
株式会社Manhattan code所属のUIデザイナー、genです。
GW、楽しく過ごされているでしょうか。
僕は『アベンジャーズ／エンドゲーム』を劇場に観に行く以外の予定は今の所立っていません。

さて

お付き合いのある方から、「デザイン・プロトタイピングツールについて話をして欲しい」と頼まれまして、GW頭で資料作成ながら今までのデザインツールの年表のようなものを作ってみました。

デザイン・プロトタイピングツールには大別して2種類ありまして、

トランジション型

画面遷移でプロトタイプを作成するツール群。
アニメーションは作り込めないが学習コストが低く習得難易度が低い。

インタラクション型

画面遷移だけではなく、細かなインタラクションを設定できるツール群。
作り込みが出来るが、.jsなどの知識が必要だったりと習得難易度が比較的高い。

両方の特性を併せ持ったものは複合型に分類されます。

こうしてみるとここ10年くらいでものすごい数のツールが出ていることが実感出来ますね。これでも、取り上げているツールは全体の極一部。

ちなみに僕の宗派では多神教が認められているので、 Sketch / XD / Figma を用途ごとに使い分けをしています。
　Sketchはビジュアル・レイアウトをしっかり作り込みする必要がある時。
　XDはアニメーション表現が必要なプロトと、スライド作成・プレゼン用（上の画像もXDで作成）。
　Figmaは社内向けにWF公開したり、複数人でデザインについてあーだこーだする時用です。

今は新しいツールであるPhaseがアーリーアクセスを初めていたり、Sketchにコラボレーション機能導入の噂が立つなど興味深い事が多いです。

今後もツールウォッチャーとして目を光らせていきたいと思います。

※ 年表の年月が間違ってるかもしれません。その際はお知らせ下さると助かります。
※ 画像は転用OKです。どこかで同じような話をされる方は是非使って下さい。可能であれば一言お知らせ下さると助かります。

◼️◼️◼️◼️◼️◼️◼️ 

宣伝

Manhattan codeでは以下の職種で募集行ってます。
ご興味のある方は是非ご一報下さい。