MockFlow updates
MockFlow updates

Create UI instructional guides in a snap with Step Guide Creator!





Creating an engaging, professional looking, and easy-to-follow step guide to explain your UI is a crucial part of any product design process.

You can create guides that easily walk other people through a process, whether it’s UI flow, function or feature with MockFlow’s Step-Guide creator.

Here are the top reasons why you should use the Step-Guide Creator:

  • To create a helpful and brief UI guide, you'll need to provide different types of steps. These could be text-based, image-based, video-based, or even embedding cloud content. By providing this variety of content, your readers will be able to follow along with your instructions more easily.


  • When you choose the step type as image, you have the option to annotate the image without leaving the creator. Add shapes, text effects, and cool stickers to help your stakeholder understand your instructions better


  • Now more than ever, embedding rich media is essential to creating an effective step guide. Adding loom videos, MockFlow wireframes, Figma files and more with the embed option will make your step guide more engaging and informative.

  • When you're finished creating your content, you can export it as a PDF, Helpscout, Zendesk, or FreshDesk code to import directly into your support portals.


  • Or, you can create a public link and share it with anyone.

In addition to the powerup edition. it is also available as a free public editor at this link. If you find it useful, please feel free to share the link with them. We created it as a way of giving back to the community. Thank you for using it!

Here are example stepguides created using this editor: