Introducing Aha! Mockups
November 1, 2017

Introducing Aha! Mockups

by Jessica Groff

Our mission is to help you build great products and be happy doing it. And that means giving you a place to do everything from defining your high-level product strategy to writing detailed user requirements — all in one tool. Today, we build on that vision by launching a design and wireframing tool: Aha! mockups.

You may already use a mockup tool. But Aha! mockups is different. It is seamlessly integrated into Aha! — so that you can build wireframes, diagrams, and annotated images directly within Aha!

Mockups offer world-class online wireframing and diagramming — perfect for product managers, business analysts, and program managers. We built it by leveraging the Draw.io open source project, so the drag and drop functionality is combined with an extensive library of thousands of shapes. And because it includes premade UI elements from Bootstrap, iOS, Android, and more, you do not have to be a designer to create beautiful wires and diagrams.

Now, as you build out your features and requirements, you can also quickly create mockups and attach them to your descriptions to further define what customers need. This brings offline whiteboarding directly into Aha! for users with product owner or contributor user permissions — so you can design features and save the diagrams with the text. Mockups are also highly collaborative. Everyone can view them and users with product owner or contributor users permissions can open and make edits directly to any mockup, even if they did not originally create it.

Here are a few ways you can start using Aha! mockups for your next big product launch:

Integrate mockups into your workflow
No need to toggle between different tabs and tools as you work through product definition. When you open a feature, you will see the link to “Create mockup” below the feature description. Mockups are tied to and will stay with that feature as it moves through the product lifecycle. Now your team has a single place to access all the relevant details, including mockups that show how the feature should look and work.


Mockups can be created and edited from any feature or requirement description, as well as comment fields across Aha!

Rapidly generate mockups with shapes, text, and images
You can draw from the library of shapes, add your own text, or import images and screenshots to show details about what should be implemented. Choose from thousands of UI elements and commonly used shapes to instantly communicate plans for new features or to visually highlight bug fixes.


Mockups include a library with thousands of shapes, forms, and other UI elements.

Build flow diagrams to visualize the user experience
The sequence of how users move through a feature is just as important to document as the design itself. Create a user journey diagram to outline each step for your design and engineering teams. From the navigation menu of your mockup, select View → Connection arrows to automatically create connection points and pre-populate your next shape. This makes quick work of documenting user flows and creating charts.

Blog - Introducing Aha! Mockups - inline image

Autosave on mockups ensures you never lose your work.

Seamless collaboration with your team
As you work alongside other product managers and designers on your team, you want to provide clear feedback and suggestions. Product owners and contributors can create mockups from any description or comment field in Aha! — these users can also edit existing mockups for quick feedback. Viewers and reviewers are able to see mockups but they cannot make changes.

Blog - Introducing Aha! Mockups - inline image


Collaborate in mockups and provide clear feedback using virtual sticky notes.

Export mockups to product presentations
Your design and engineering teams in Aha! will be able to open and edit mockups directly from features, requirements, and comments. But you can also export your mockups to share upcoming plans with teams not in Aha! such as sales and support. Adding visuals that show what is coming helps prepare them for upcoming features and be prepared to better articulate the benefits to users.

Blog - Introducing Aha! Mockups - inline image


Export mockups as images or add directly to an Aha! notebook.

It is a cliche, but a picture truly is worth a thousand words. Especially when it comes to communicating the desired user experience of that brilliant new product feature.

Mockups bring wireframes and user flows together with the powerful Aha! roadmapping and analytics capabilities you love. This is certainly a big addition to our suite of product management tools. And we hope it helps you better define customer requirements and enjoy doing it.

Sign up for a free Aha! trial — be happy
Mockups are available to all Aha! customers. If you are not already a customer, you may want to sign up for a free 30-day trial now to see why over 150,000 users trust Aha! to set product strategy, create visual roadmaps, and prioritize releases and features.

Aha! is a trademark of Aha! Labs Inc. All other company and product names may be trademarks of the respective companies with which they are associated.

Jessica Groff

About Jessica Groff

Jessica was a Product Marketing Manager at Aha! — the world’s #1 roadmap software.

Follow Jessica

Follow Aha!

Related articles

See why more than 300,000 users trust Aha! to build products customers love

Start your free 30-day trial

© 2020 Aha! Labs Inc.All rights reserved