Sketch上で画面遷移を再現できるプラグインがいくつか出ていますが
| 今日は最新のSketch44のことを書こうと思ったんですがね…出てしまいましたね…CraftのPrototype機能が！！！昨年の3月にInVisionに買収されたSilver Flows。今は「Craft」という名前でアップデートを続けています。最初のコンセプトムービーではプロトタイプを作成する様子が流れていたため、いつ出るかいつ出るか…と、首を長くして待っていたわけですが…ついに今日のアップデートで、Prototype機能が正式リリースされました！！！参考記事「InVisionにSilver Flowsがジョイン。彼らが描く未来とは？」早速使ってみたインストールしたら... ついにSketch上でPrototypeの作成が可能に…！待ってました、Craftバージョンアップ... - TECHNICAL CREATOR |
| 先日こんな記事を書いたわけですよついにSketch上でPrototypeの作成が可能に…！待ってました、Craftバージョンアップデート！！で、皆さん喜んでらっしゃったじゃないですか。そしたらびっくりですよ、あっという間に同じようなプラグインが出てきちゃって。しかもなんかCraftのPrototypeより良さげなんです。とりあえず試してみてくださいね。Mirr.io使ってみたまずはアプリをインストールします。Macアプリがあるのでダウンロードしましょう。アプリを立ち上げるとこんな感じ。プラグインをインストールしろって言われます。こんなサ... Craftより良いかも？Sketch上でプロトタイピングするプラグイン「Mirr.io」触ってみた - TECHNICAL CREATOR |
今回紹介するプラグインは、Sketch上でタイムラインアニメーションを作成し、プレビュー、さらにコード出力もできるというものです。
イメージ動画はこちら
Diya – Timeline animation directly in Sketch
キャンバスの下にタイムラインを操作するインターフェースが表示されてますね。そして特定のパーツに対してアクションを付けて、どのスクリーンに移動するか決める様子が。さらにプレビューボタンを押したら、すぐにプレビューできるみたいです。これは便利そうだ…。
Diyaの機能
- タイムラインエディター
- ライブプレビュー
- HTML出力
- アニメーションスペック
なんと作成したアニメーションはHTML5で出力したり、アニメーションの仕様？としてエンジニア向けに出力することができるようです。
事前登録受付中！
早速試してみようと思ったんですけど、まだリリースされてませんでした！今は事前登録を行っているようなので、とりあえず登録することをオススメします！