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

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次