Sketch上で画面遷移を再現できるプラグインがいくつか出ていますが

TECHNICAL CREATOR

ついにSketch上でPrototypeの作成が可能に…！待ってました、Craftバージョンアップ...

https://technical-creator.com/craft-prototype

今日は最新のSketch44のことを書こうと思ったんですがね…出てしまいましたね…CraftのPrototype機能が！！！昨年の3月にInVisionに買収されたSilver Flows。今は「Craft」という名前でアップデートを続けています。最初のコンセプトムービーではプロトタイプを作成する様子が流れていたため、いつ出るかいつ出るか…と、首を長くして待っていたわけですが…ついに今日のアップデートで、Prototype機能が正式リリースされました！！！参考記事「InVisionにSilver Flowsがジョイン。彼らが描く未来とは？」早速使ってみたインストールしたら...

TECHNICAL CREATOR

Craftより良いかも？Sketch上でプロトタイピングするプラグイン「Mirr.io」触ってみた

https://technical-creator.com/mirr-io

先日こんな記事を書いたわけですよついにSketch上でPrototypeの作成が可能に…！待ってました、Craftバージョンアップデート！！で、皆さん喜んでらっしゃったじゃないですか。そしたらびっくりですよ、あっという間に同じようなプラグインが出てきちゃって。しかもなんかCraftのPrototypeより良さげなんです。とりあえず試してみてくださいね。Mirr.io使ってみたまずはアプリをインストールします。Macアプリがあるのでダウンロードしましょう。アプリを立ち上げるとこんな感じ。プラグインをインストールしろって言われます。こんなサ...

今回紹介するプラグインは、Sketch上でタイムラインアニメーションを作成し、プレビュー、さらにコード出力もできるというものです。

イメージ動画はこちら

Diya – Timeline animation directly in Sketch

キャンバスの下にタイムラインを操作するインターフェースが表示されてますね。そして特定のパーツに対してアクションを付けて、どのスクリーンに移動するか決める様子が。さらにプレビューボタンを押したら、すぐにプレビューできるみたいです。これは便利そうだ…。

Diyaの機能

• タイムラインエディター
• ライブプレビュー
• HTML出力
• アニメーションスペック

なんと作成したアニメーションはHTML5で出力したり、アニメーションの仕様？としてエンジニア向けに出力することができるようです。

事前登録受付中！

早速試してみようと思ったんですけど、まだリリースされてませんでした！今は事前登録を行っているようなので、とりあえず登録することをオススメします！

diyahq.com

Diya - Timeline animation directly in Sketch

http://diyahq.com

書き手：小島 芳樹 Webやスマートフォンアプリによるサービスを開発・提供する会社で働いています。 Twitter： @yoshikikoji