Export HTML / CSS animation code snippets for transition animations
It would be great to be able to make the design live with html 5 animations (for the prototyping mode), that would be usable as assets for the developers. As we can record a live preview of our design, it would be a great feature.
Thank you !
Winnie Abodo Alinga
shared this idea
-
Jitu Raut
commented
Hi, now we are creating cool animation in XD but unfortunately, to export this animation in code we have only 1 way which is After effects
We have to recreate this animation in after effects so technically it's very heavy and time taken
Please provide us plugin or direct export feature so we can export animation in json or CSS something like this https://medium.com/sketch-app-sources/how-to-export-sketch-to-css-animations-code-63404263ebf2
-
Austin Mayer
commented
Even pseudo code would be incredibly helpful to understand the sequencing and timing of components.
-
Martin Kováč commented
YES PLEASE!!!
-
nosy wiz
commented
With a name like experience design, it is surprising that xd does not have tools for animation/effects beyond page transition. There is a lot of potential available if you can bring over scripting/tools from animate/flash here to add interation or use framer.js.
-
For exporting the _entire_ project to HTML, including all visual elements, layout, etc. see: https://adobexd.uservoice.com/forums/353007/suggestions/13057005-export-as-html
-
julianmoreno
commented
Hi Winnie, I propose that XD manages own scripting code , what do you think? http://bit.ly/29kDgJR
-
For exporting native code (Android, iOS) see: https://adobexd.uservoice.com/forums/353007/suggestions/13474668-export-native-code-for-transition-animations
