Directly in Sketch
Design beautiful animations exactly how you want it
Try your animation
directly in Sketch
Share your animated prototypes with anyone
Handoff live animaton specs to developers
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.
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.
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.
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.
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
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!
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!
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.