アニメーションを使ったUIを楽しくデザインできる便利な無料ツール『Origami』の使い方を動画でご紹介

去年あたりから、魅力的なプロトタイプ作成ツールがいろいろリリースされ、制作の現場でもそれらをもう使ってるという人も少なくないと思います。 その中の一つ、Facebookの『Origami』の動画コンテンツが公開されたので紹介します。 Facebook Origami Origamiは簡単に説明すると、スマホやタブレット、そしてデスクトップのWebページ・アプリのユーザインターフェイスをデザインするOS X用の無料アプリです。Sketchとの相性も非常にいいのも大きな特長です。 Origamiでどんなことができるのかは、下記のExampleページに多数のデモがあります。 先日の記事で紹介した「Windy Effect」もOrigamiで作られたものです。 まずは、インタラクションのデモ。

[i_mairy]

OrigamiとSketchの連携がきになる。

[kuroneko0208]

使ってみたい

[bleu-bleut]

デザインのプロトタイプ作成ツール、とな。

[hedeyoshi]

プロトタイプ作成ツールらしい。GUIで動きとかつけて実装できるみたいなんだけど、こういったツールでアプリとかそのまま書き出せれば便利なのにね。