インタラクティブなモックアップを作成することができるプロトタイピングキット「Framer.js」

Framer

Framer.js」は実際に操作することができる、インタラクティブな(モバイルアプリやスマートフォン対応サイトの)モックアップを作成するためのプロトタイピングツールです。

Import

Framer.jsの実体はJavaScriptフレームワークですが、Framer Generator.appと呼ばれるデスクトップアプリケーションを使ってPhotoshop(まもなくSketchも対応予定)から素材をインポートすることもできるとのこと。素早くモックアップを作成するのに役立ちそうですね。

Framer.jsのデモ

実際にどのようなことができるかは「Examples Library」が分かりやすいです。

Framer Examples

↑カルーセルUI。

Framer Examples 1

↑ドラッグ&ドロップ。

Framer Examples 2

↑Facebook風UI。

Framer Examples 3

↑Google Now風UI。

慣れれば便利かも

結局JavaScriptフレームワークなので使い方を勉強する必要がありますが、慣れればいろいろな事ができそうです。実際にスマホ向けサイトやアプリの作成にとりかかる前にパパっとプロトタイプを作れれば便利っぽい。ということで。

スポンサーリンク