Sketch上でタイムラインアニメーションが作成できるプラグイン「Diya」が間もなく登場

更新日:2017年11月26日

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

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

イメージ動画はこちら

Diya – Timeline animation directly in Sketch

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

Diyaの機能

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

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

事前登録受付中!

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

@yoshikikoji 書き手:小島 芳樹

Webやスマートフォンアプリによるサービスを開発・提供する会社で働いています。


Twitter: @yoshikikoji

この記事が気に入ったらいいね・フォローお願いします!

『デザインツール』の記事