Hero for Adobe XD
Create production ready rich content and sophisticated prototypes right in XD.
Take Adobe XD to the next level.
Use Hero for
RICH PROTOTYPING / WEB EXPORT / RICH CONTENT / UI ANIMATIONS / STORYTELLING / SCRIPTING / INTERACTIVE INFOGRAPHICS / BANNERS / CONFIGURATORS / ...
Highlights
EFFECT SYSTEM
Hero comes with lots of ready-to-use effects that can be applied with a single click. Most effects can be customised.
ANIMATION TIMELINE
Use the Hero animation timeline for more complex and precise animations.
- Multiple property tracks per element
- Unlimited tweens
- Easings for more natural animations
- Timed actions for interactive timelines and scripting
EXPORT FOR WEB
Hero exports production-ready code for the web.
- 100% Web Standards: HTML, SVG, CSS, JS
- No developer needed
- Extensible with custom components and JavaScript
100% Extensible
Bring your own scripts and components.
Coders are also specifically invited to the Hero party. Hero supports several options and hooks to add custom scripts (e.g. dynamic data integration, UI extensions etc.)
Industry standards
Rendering is pure HTML and SVG. Animations use the most popular and robust animation engine Greensock (GSAP).
Hero for Adobe XD is supported by the Adobe Fund for Design.
Hero is official Emerging Technology Partner at Adobe MAX 2020.
Get Hero now
*Adobe and the Adobe logo are either registered trademarks or trademarks of Adobe Inc. in the United States and/or other countries, used under license.