How to enhance your UX Docs?

Enhance your UX documentation in MockFlow by incorporating structured tables for organizing complex data, high-quality images that visually communicate design concepts and user interactions, and informative videos that demonstrate product features or user experiences.


These elements not only enrich the documentation but also improve understanding and collaboration among team members and stakeholders, ensuring clarity and effectiveness in your UX design process.


Follow the steps below to seamlessly add these elements to your Docs, ensuring clarity and effectiveness in your UX design process.

Add Table

1Inside the UX Documentation editor, click on the 'Add Table' in the Toolbar.


Screen Shot 2024-07-02 at 3.30.43 PM.png


2Select the number of rows and columns by hovering over the tables.


3Once done selecting click on it.


Screen Shot 2024-07-02 at 3.30.54 PM.png


4The table will be added to the Docs editor.


Screen Shot 2024-07-02 at 3.31.09 PM.png

Add Images

1In the UX Documentation sidebar, click on add images. A sidebar appears with MockFlow Image upload settings.


Screen Shot 2024-05-02 at 7.39.12 PM.png


2The images can be uploaded from the following options

  1. Import from Dropbox
  2. Import from Google Drive
  3. Web Image Search
  4. Global Image Manager
  5. Stock Photography

3You can also generate images using AI and upload them to your UX docs.

Add Videos

1In the UX Documentation sidebar, click on 'Video/Embeds. A modal appears to embed the video.


Screen Shot 2024-05-02 at 7.43.11 PM.png


2Select the desired platform, paste the copied embed code, and then click on 'Insert'.


Screen Shot 2024-05-02 at 7.43.11 PM.png



Rate this article
great ok bad
For more questions - Contact Us
...