21

Adobe XD's New Advanced Prototyping Features - Voice Prototyping & Auto-Animate

5 years ago from , Product Marketing Manager- Adobe XD

Hello everyone,

This is Meenal from the Adobe XD Product Marketing Team. I’m excited to join you for another AMA.

Last week we released our MAX update for XD debuting advanced Prototyping features such as Voice Prototyping and Auto-Animate for creating micro-interactions.

Today we’re excited to talk about the future of prototyping. Voice experiences are only becoming more common and in demand — from phones, to cars, to kiosks around the world. According to Forbes, the number of U.S. smart-speaker users is expected to reach 90 million this year. Only in XD can you design, prototype, and share voice-driven experiences. We also made immersive animated transitions easier with Auto-Animate. Combined with our our previous releases that support overlays, fixed elements, and timed transitions, high-fidelity prototyping is even easier.

We’re excited to know what would you like to see next for these features and for prototyping. Would you include voice and auto-animate in your future projects? What are your thoughts on the future of voice prototyping in the design process.

Let us know your thoughts! Our team is here from now to 2pm PST to chat and answer your questions.

Stay in touch with us on Twitter, Facebook, and UserVoice

Thanks,

Meenal

18 comments

  • Shea LewisShea Lewis, 5 years ago

    Crickets haha.

    Ill ask. When you gonna be able to do slick animations like Principle App?

    8 points
    • Suganth SSuganth S, 5 years ago

      Yeah, to be honest, I tried the auto animate. It was elegant. But what sucks is that it cannot be triggered with the real-time interaction like the drag. Right now it receives the drag and then animates, which is kinda like 2012.

      3 points
    • Jonathan Pimento, 5 years ago

      Auto-Animate is our first step towards supporting more advanced prototying in XD. We will be adding more features that provide control over easing, sequencing and choreography.

      3 points
  • Christopher Alan, 5 years ago

    How or can we give developers the specs around auto-animate? Seems really cool but (at least for me) I find it very hard to give animations to engineers. Most of the time I just get told no or 'can you give us a .gif'...

    3 points
    • Robin GoyalRobin Goyal, 5 years ago

      Exactly, I want to know this too. In my case, whatever I create static animation. I want it to be exported into Json format for Android. So that developers can use it easily without creating it on their own.

      1 point
      • Kyle Galle, 5 years ago

        Hi Christopher and Robin, thanks for the feedback. When you use Auto-Animate and publish a design spec of your prototype, the spec contains some details on the animation. You can also record a video of the animation as a way to share with developers.

        Another option is to export your designs to After Effects for advanced prototyping. You can add animations in After Effects, which has plugins that allow for exporting to JSON.

        If you haven't already, please add your request to uservoice here

        -1 points
        • Christopher Alan, 5 years ago

          Thanks Kyle, when exporting to after effects do the animations carry with it? That would be nice cause then I could use http://airbnb.io/lottie/ to get things in developers hands quicker...

          1 point
          • Kyle Galle, 5 years ago

            Hi Christopher, for now you can export just your designs from XD into After Effects and then add animations. From there you can leverage plugins like lottie. If you'd like auto-animate to carry into After Effects, I would add your vote here.

            0 points
  • Tomek TuzTomek Tuz, 5 years ago

    I'm waiting for importing PSD or bitmaps as smart objects, editable with Photoshop!

    1 point
    • Kyle Galle, 5 years ago

      Hi Tomek, thank you for the feedback. Have you used Creative Cloud libraries to bring imagery into XD? You can right click on the imagery in XD and edit raster graphics in Photoshop. More details on how to do that here. You may want to also vote for this request .

      0 points
  • Rob CornishRob Cornish, 5 years ago

    Enjoying the new features for XD, played about with the auto-animate stuff shame we can't send the preview link so clients can interact with the drag interactions.

    I've been using XD for pretty much every bit of web design and wireframe work for the past few months, I should write down the things I come across, normally dump these frustrations on Twitter.

    I'd love to see better integration with Photoshop so we can craft image areas, a place/import feature where its an externally linked item. Or the ability to use the CSS blend modes to achieve some of this within XD.

    When can we see some tweaks to the text options? For example, shift+enter takes on the after para size instead of line break?

    Excited to see whats released next month, keep up the good work team!

    1 point
    • Kyle Galle, 5 years ago

      Hi Rob, glad you're enjoying auto-animate. The team is working on making it shareable via the web. Stay tuned.

      I appreciate that you reaching out to us on Twitter with feedback. Uservoice is also good as the team looks at this regularly as they review the roadmap.

      In terms of Photoshop integration, have you leveraged Creative Cloud Libraries to bring over graphics from Photoshop? This would allow you to keep the imaged linked and editable in Photoshop.

      For the soft return option, I would upvote this request here. Could you share some of the other text options that you'd like to see?

      0 points
  • Tim Kjær LangeTim Kjær Lange, 5 years ago

    Have to admit that I haven't paid too much attention to Adobe XD, but the voice feature looks really interesting. It's possible to build this in e.g. Framer, but it would require a lot of yak-shaving. Good to see Adobe doing more than also-haves

    1 point
    • Kyle Galle, 5 years ago

      Hi Tim, thanks for the note. Check out voice prototyping and let us know what you think!

      1 point
  • Meenal Relekar, 5 years ago

    Please Note: For those of you adding questions or comments after 5pm PST, we will respond during the following workday (most of our team is based in San Francisco). Thanks and have a good day or night!

    0 points