デザインだけでアプリのプロトタイプを作成できるサービス FLINTO

スクリーンショット 2014-08-14 21.49.42

FLINTOはデザイン画像だけでアプリのプロトタイプを作成できるWebサービスです。

プロトタイプによるテスト、大事ですよね。

でもHTMLやCSS、Javascriptを駆使して作ると時間と手間がかかります。特にアプリのプロトタイプ作成はページ遷移が特殊なので大変です。

FLINTOはデザイン画像をアップして、特定の場所をリンクでつなぐだけでプロトタイプを作成できます。

URLが生成されるのでショートカットをスマホに送って、実機で確認できるのがいいです。

サンプル

↓実際にFLINTOを使って作られたプロトタイプです。デザイン画像をリンクで繋いだだけです。

Flinto
The App Design App

スクリーンショット 2014-08-14 22.05.08

使い方

↓メールアドレスとパスワードを入力してアカウントを作成します。30日間無料でお試し出来ます。お試し期間終了後は月額20ドルです。

スクリーンショット 2014-08-14 21.41.00

↓画像をアップロードします。複数選択してドラッグ&ドロップで一括アップできます。

スクリーンショット 2014-08-14 21.48.56

↓エリアを選択して、

スクリーンショット 2014-08-14 21.49.03

↓リンクでつなぎます。

スクリーンショット 2014-08-14 21.49.57

↓ひたすらリンクでつなぎます。

スクリーンショット 2014-08-14 21.49.11

↓電話番号を入力して自分のiPhoneにショートメッセージを送ります。

スクリーンショット 2014-08-14 21.50.13

↓送られてきたURLをクリックして、

スクリーンショット 2014-08-14 21.49.32

↓ショートカットをホーム画面に追加します。

スクリーンショット 2014-08-14 21.50.35

↓ホーム画面にショートカットアイコンが追加されました。

スクリーンショット 2014-08-14 21.50.42

↓本物のアプリのように操作できます。

スクリーンショット 2014-08-14 21.49.42