Bring your ideas to life

Directly in Sketch

 

Timeline Editor

Design beautiful animations exactly how you want it

Live Preview

Try your animation
directly in Sketch

HTML Export

Share your animated prototypes with anyone

Animation Specs

Handoff live animaton specs to developers

Beautiful Animations, without leaving Sketch

Jumping between multiple tools to design UI and animation is tiring. Diya lets you stay focused by bringing a powerful timeline editor directly to Sketch.

Diya inside Sketch

Custom Easing. And bouncy-springy.

What's the point of animating, if you can't control the easing! Use our preset values when you want to move fast. Use our custom curve editor when you want precise control. Or use our spring visualizer to make things springy.

Custom Easing Curve Editor

Advanced Animations for Advanced Awesomeness

You're not limited to animating just rectangles and circles. Morph between any shape by just connecting two artboards. Check out our videos for shape animation and path animation

Animate once. Reuse again. And again. And again.

Sketch lets you create a symbol and reuse them throughout your document. Diya lets you animate those symbols. Instant reusable animation across your prototype that's perfect for UI components like switches, loaders and spinners.

Symbol Animations

Share with anyone. On any device.

Diya exports to HTML so you can easily share your animated prototypes with stakeholders. All they need is a web browser. Nothing to download. Nothing to install.

Sketch to HTML

Live Animation Specs your developers will love!

You're happy with your animations. Your stakeholders have greenlit the project. Now, how do you share this with your developers? Diya exports an interactive animation spec for developers with full details on your transitions, durations and easing values

Animation Specs
Abhishek Kumar
Design Lead @ Plume WiFi
Plume WiFi

Blown away by how simple it is to animate with Diya in Sketch! Animated Symbols and Live Specs are total game changers. Hands down, the best animation plugin for Sketch!

Ryan West
Motion UI Designer @ Thalmic Labs
rawmotion.net

Diya is a motion UI designer's dream! It cuts my work in half by taking care of all the tedious animation spec work and allows me to focus on designing finely-tuned interactive prototypes, all without leaving Sketch!

Gokul Rangarajan
Product Designer @ bigbasket
Personal Website

Diya is a great tool for product designers, where there is less of learning and more of quick prototyping! Diya handles all the complex animation letting me focus on solving interaction problems while staying inside Sketch.

Want to try Diya?