UX Design Agent | Design to Code
Start new thread
Or Arbel

Timeline 2.0 for Sketch - Interaction design for Sketch + export code

by
•

Timeline 2.0 is a Sketch plugin that enables designers to create interactive components in Sketch, and export to HTML/CSS.

It's also the most advanced way to communicate to developers how an interactive design should work.

Developers get a fully functional HTML/JS/CSS component and can inspect it and even see its code.

Add a comment

Replies

Best
Itay Dressler
As a software developer who aspires to create rich animated interactions, this product is a dream come true. Keep up the good work guys! 💪🤩
Avishay Cohen
Maker
@itayd Thanks!!
Or Arbel
Maker
Hey everyone! 👋 We're excited to officially launch Timeline 2.0 on Product Hunt! 👊 Timeline 2.0 offers designers the ability to create live, interactive components in Sketch, and export HTML/JS/CSS. Components can have: * States * Transitions * Actions * Custom easing-curves animations and more The best part is that once designers finish designing all the interactions, they can be exported to real functional HTML/JS/CSS code! The code can be either embedded as is, or inspected by developers. Believe it or not, but the entire website of Timeline (https://timeline.animaapp.com) was made by @michal, our co-founder/designer, without writing a single line of code. 🙌 The website has many interactive elements to it and they were all done with Timeline. So by all means, try it out, let us know what you think 🙏 Feel free to ask us anything 😃
Uri Nachmias
Awesome work!
Justin Mitchell
Our team LOVES Timline and we’ve been creating some amazing animations with it. It’s been great to be able to stay in Sketch and not have to learn new tools just for a single animated graphic.
Or Arbel
Maker
@itsthisjustin Thank you, Justin!
Perica Giffard
We like to use Timline to on work and making amazing animations with help of it!