Adobe Systems Incorporated(以下、Adobe)は、社内で密かに進めているプロジェクト「COMET」(コメット)の一部を明らかにした。発表は、10月5〜7日にロサンゼルスで開催したイベント「Adobe MAX 2015」の基調講演の中で行われた。アプリケーションに直接触れることはできなかったが、デモンストレーションの内容を基に「PROJECT COMET」についてまとめる。
実は、AdobeからUX/UI系のツールが登場したのは今回が初めて。これまで、Adobeから出るツールはPhotoshopやIllustratorといったユーザーが素材を作るためのものだった。しかし、今回走り出している「COMET」はそれとは少し違う。
COMETでできることは主に2つ。1つはUX/UIデザインツールとして、もう1つはプロトタイピングツールとしての顔を持つ。
UX/UIデザインツールとしての「COMET」
「COMET」は、UX/UIデザインの作成を補助してくれるツール。直感的に、そして美しく仕上がるのが特徴だ。
例えばモバイルアプリのデザインを作ろうとしたとき、こんな経験はないだろうか。1画面に同じ大きさ・デザインのボタンを複数配置しようと思いコピー&ペーストをしたあと、やはり大きさを変えたくなってしまい最初からやり直し……。「COMET」があればもうそんな経験をしなくていい。
作ったボタンの枠線をクリックし、ダラダラと下にドラッグする。それだけで、同じ大きさのボタンが自動的に複製される。コピー&ペーストをしなくても、エリアを増やせば同じアイテムが魔法のようにどんどん出てくるのだ。複製したあと幅や高さを変えたくなったら、1つの大きさを変えれば全てに反映される。同様に色やテキストの配置も、1つ変えれば全てに反映される。もちろん個別にデータを書き込むことも可能だ。
画像の設置も当然ドラッグ&ドロップでできる。驚くべきことは、異なる複数の画像もドラッグ&ドロップで一気に配置可能ということだ。
モバイルアプリ以外のUIデザインでも、例えばタブレットの画面に展開しようとするときは線を横にドラッグする。これも、1つのレイアウトを整えれば全てのレイアウトにシンクロして反映されるというわけだ。
プロトタイピングツールとしての「COMET」
「COMET」は、プロトタイピングツールとしても有効だ。UIデザインしたあと、画面遷移などの動きが確認できる。
画面遷移を作るには、画面と画面を線でつないだり、ボタンと画面を線で結べばOK。ここをタップしたらここに飛ぶという指示がすぐに実現でき、そのまま専用のプレビューモードで動作を確認できる。

「COMET」はまだ正式な名称ではなく、実際に触れることができるようになるのは来年の前半ごろを予定。アートボードも多数用意され、期待が寄せられている。気になる方は、プレビュープログラムに登録するといいだろう。
(太田智美)
コメントランキング
「FNS歌謡祭 第1夜」であなたが良かったと思うアーティストは?【人気投票実施中】 | 音楽 ねとらぼリサーチ
今川焼? 大判焼き? あの“円形の厚焼き和菓子”の名前は? 47都道府県別・呼び方の勢力図を公開!(投票結果) | グルメ ねとらぼ
「ベストヒット歌謡祭2025」で良かったアーティストは?【人気投票実施中】(投票結果) | 音楽 ねとらぼリサーチ
2025年「NHK紅白歌合戦」の「白組」出場歌手で楽しみなのは?【人気投票実施中】(投票結果) | 音楽 ねとらぼリサーチ
岩手県の「おいしいお土産」10選! 一番うまいと思うのは?【人気投票実施中】(2/2) | 岩手県 ねとらぼリサーチ:2ページ目