アニメーションも作れるUIツールの価格とサイトURLのまとめ

XDやsketchがUIソフトとしてシェアを伸ばす中、

アニメーション（XDでいうプロトタイプ）も充実して

オンラインでリアルタイムのデザイン反映ができるfigmaが

かなり注目されていると思います。

その中で最近噂されている

Drama

こちらはさらに細かいアニメーションを

作成できるツールとして注目されていると思いますが、

価格などを調べるのに少し時間がかかったので

こちらにメモっておきます

UI作成ツールの紹介

Drama

価格

フリートライアル：７日間

購入：買い切りで$99

学生ライセンス：フリー（学生証の写真を添付してメールを送信し、承認されたらライセンスが受け取れるよう）

ついでに他のツールの料金もメモしておきます

Adobe XD

価格

Adobeアカウントでサブスクリプションコンプリートプラン：5,680円/月

XD単体：1,180円/月（税別）

閲覧のみ：フリーでダウンロード可能

メモ：クラウド上でAdobeアカウントをもった他のユーザーとデータ共有できるが、同時作業をするとどちらかの作業が上書きされてしまう

sketch

価格

フリートライアル：30日

購入：サブスクリプション型　$99/年（更新料金は$69）

メモ：プラグインで共同作業のバージョン管理やアニメーションの実装可能。シンボルの管理に優れている。

Figma

価格

フリートライアル：Starter

一人で作業する分にはある程度無料で作業可能。二人まで共同作業可能。３つまでプロジェクトを持てる

有料：Professional  サプスクリプション型 $15/月・年間まとめ払い $12/月

有料：Organaization 高度なセキュリティを搭載したver サブスク型 $45/月

メモ：支払いはプロジェクトを作成時に選択できる。何と言ってもリアルタイム反映とweb上で作業できることの利点が大きい。

このあたりまでが業界使用率の高いUI設計ツールかと思います（2019年現在）

ついでなのでUI設計の後使えるツールも紹介

Zeplin

価格

フリートライアル：１プロジェクトまで利用可能

Starter：$17/月　３プロジェクトまで利用可能

Growing Business ：$26/月　１２プロジェクトまで利用可能
Oganaization ：$129/月

メモ：UIツール作成したデザインをプロジェクトごとに管理し、開発や外部の人たちとコメントの貼り付けや画像の書き出し、デザインデータのサイズやカラーコードを確認できる。アートボード名で上書きされるので数多い画面でも一度整理したら更新が楽。XDでは標準搭載されているので、sketchと連携されることが多い?　

Overflow

価格

フリートライアル：７日間

購入：サブスク型　$12/月

メモ：画面遷移図に特化したUIツール。XDなどでプロトタイプの導線をつなげたファイルを読み込むと導線が自動的に遷移図として書き出される。プロトタイプだけで説明できない画面の構成を共有する時に便利だが、月額$12をかけるならXDやsketch上で遷移図をかいてしまっても良い気もする。アートボードに吸着して移動できるので操作は便利。閲覧者は無料でも閲覧できるが、共有者が支払いをやめると閲覧もできなくなる。

Miro

価格

フリートライアル：３つまでボード作成可能

購入：team　$8/月　通話、投票機能など利用可能

購入：Buisiness　$16/月　通話、投票機能など利用可能

メモ：オンラインのホワイトボードツール。アイディア出しやコメント、遷移図、ツリーなどの操作が同時にweb上で可能。遠隔作業で内容を詰めたいときなどに便利だが、デザインの作り込みなどには不向き。あくまでアイディア出しや構成を考えることに向いている

メモ程度にご紹介でした。

もし参考になった、または応援したいと思ってくださった方は

サポートしていただけたら、独立への夢へ一歩近づきます。

どうぞよろしくお願いいたします。