PixateはMac OSX用のソフトウェアです。

iOSアプリのデザインはXcodeを使って行うのが一般的です。しかしWebデザイナーや開発者にとっては思い通りにいかなくてやきもきするときがあるかも知れません。そこで注目したいのがPixateです。何とスタイルシートと同じ記述で画面を作成できます。増資し、フリーになりました。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.05.42.1372857816.png)
ボタンのデザイン。確かにスタイルシート調です。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.06.00.1372857820.png)
記述を変えればダイナミックに描画が変わるのも特徴です。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.06.28.1372857824.png)
SVGの表示も行えます。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.06.34.1372857828.png)
さらにタップすると線だけに。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.09.14.1372857832.png)
こちらはプレイグラウンド。様々な表示例があります。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.10.07.1372857837.png)
ラベル。テキストエリアの部分は変更できます。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.10.16.1372857843.png)
こんな感じにダイナミックに文字サイズを変更できます。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.10.52.1372857847.png)
地図のポインター部分の大きさを変更。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.11.11.1372857852.png)
本当に数多くのデモがあります。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.11.17.1372857857.png)
検索ボックス。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.11.27.1372857862.png)
セクション付きのテーブルビュー。

[](http://images.moongift.jp/2013/07/Screenshot 2013-07-03 22.11.30.1372857866.png)
様々なテキストビュー。

PixateはXcodeのみならず、Titanium/Xamarin/RubyMotionなどと組み合わせ使うこともできます。その場でデザインの修正ができてしまうという所が凄いです。無料になったことで一気に裾野が広がり、普及が進むのではないでしょうか。

MOONGIFTはこう見る

Xcodeで既に開発されているアプリに対してPixateが積極的に導入されていくかと言われるとなかなか難しいと思っています。既にXcodeに慣れていたり、出来上がっている画面があるならばそれを使い続ける方が良いでしょう。注目は新規で開発されるアプリと、TitaniumやRubyMotionとの組み合わせです。

特にTitaniumでは同様にスタイルシート調でデザインできる機能を持ち合わせているものの、Pixateによってより細かいカスタマイズができるようになるのではないでしょうか。Webデザインとの親和性も高いので、これからアプリデザインを進めていくというデザイナーの方は注目すべきです。

Pixate