Prototyping with Adobe XD
Adobe XD - prototyping with components and Lottie animations
Spice your prototypes with Lottie animations (they also help as triggers) and components to get great results with just a few clicks. No third-party apps, no coding skills are required.
Flexible accordion in one component
Accordion created with stacks and responsive resize as one component. High-fidelity prototyping in Adobe XD without any third-party applications or coding skills.
Videos and 3D transform
Mask videos, use 3D Transform and let Adobe XD do the rest. No other app or coding is required.
Infinite loop slider with Ken Burns effect
It can be created as one component with invisible one-frame Lottie triggering the animation in Adobe XD. No third-party apps or coding skills are required.
Vertical navigation bar
Fully functional multi level sidebar navigation with hover effects in a single-component built from several smaller components.
Smooth infinite loop image carousel
A self-starting smooth infinite loop image carousel can be created as one component in Adobe XD. And the invisible one-frame Lottie animation is the same triggering ingredient which I have used in the previous examples (i.e. the slider with Ken Burns effect), so no need for any manual tap, drag or voice action. High-fidelity prototyping in Adobe XD without third-party apps or coding skills.
Managing animations in Adobe XD
One more example of Adobe XD powerful prototyping capabilities today. Just a few steps (6 artboards, with 10 components) of a non existing tourist app with no coding involved, showing several ways of triggering animations in Adobe XD.
Thank you for watching. Please don't hesitate to ask for hints or advice.
Tbc.
