IN THIS ARTICLE

    IN THIS ARTICLE

      How to Review Wireframes with Mokkup AI

      The Review Wireframe feature provides AI-driven feedback on an existing dashboard layout. It analyzes your screen layout, visual hierarchy, and UX consistency to recommend design improvements based on industry best practices.

      This feature is now accessible via the "Review Current Screen" button on the top panel and works only when your screen contains existing elements. If the screen is blank, the Review option will remain disabled.

      Accessing Review Wireframe

      • Open your project and locate the Review Wireframe button on the top panel.
      • Click “Review Current Screen”.
      • In the input box, enter a prompt such as:
        • “Does this wireframe follow best practices for the healthcare industry?”
        • “Review this wireframe for better layout balance.”
      • The prompt box includes character limits and displays the count as you type.
      • Click 'Review Wireframe' to trigger the AI review.

      Note: This will be disabled if your screen is blank or has no elements.

      How It Works?

      Once you submit your prompt:

      • Mokkup’s AI scans the active screen and reviews its layout structure, visual hierarchy, element grouping, and design balance.
      • It generates actionable recommendations for UX and layout improvement.
      • Suggestions appear in the AI panel, depending on the layout context.
      • You can apply or ignore each recommendation individually.

      Example suggestions include:

      • “Add a summary KPI at the top.”
      • “Group filters in one container.”
      • “Use contrasting colors for better visual clarity.”

      Note: If no elements are detected on the screen, a guide message appears prompting you to create a layout first.

      Credit Usage

      • 2 AI Coins = 1 Wireframe Review.
      • Free users receive a limited number of AI coins as part of their trial plan.
      • Pro and Teams users have annual AI coin allowances based on their plan tier.
      • Additional credits can be purchased at any time and converted into AI coins for extended AI usage.
      • Once coins are assigned to your account, they cannot be transferred or refunded.
      • Credits are only consumed for valid prompts; failed system actions do not deduct coins.

      Note: If you’ve exhausted your AI coins or credits, the “Review my wireframe” button will be disabled until more credits are available.

      Output and Review Results

      • After processing, the AI generates a list of suggestions displayed under the “Reviews” section.
      • Clicking the “View Suggestions” button redirects you to a detailed view in a new tab.
      • Each suggestion is designed to enhance the readability, usability, and visual clarity of your dashboard.
      • You can apply feedback selectively, enabling faster iteration of dashboard designs.

      Note: AI Review does not modify or lock your screen layout; it only provides guidance and suggestions.

      Frequently Asked Questions

      1. What is the Review Wireframe feature in Mokkup?

      The Review Wireframe feature uses AI to analyze your existing dashboard screen and provide actionable suggestions to improve layout, visual hierarchy, and UX consistency.

      2. How do I use Review Wireframe?

      Open your project and click the Review Wireframe button on the top panel. Select “Review Current Screen”, enter a prompt such as “Does this wireframe follow best practices?”, and submit. AI suggestions will appear in the Reviews section, where you can apply or ignore each recommendation.

      3. Can I use Review Wireframe on a blank screen?

      No. The Review option is disabled for blank screens. You need to have at least one element on your dashboard to enable AI review.

      4. How are AI Coins used for Review Wireframe?

      Each review consumes 2 AI Coins. Free users have limited coins, while Pro and Teams users receive annual AI coin allowances. Additional coins can be purchased anytime.

      5. Can I apply all AI suggestions automatically?

      No. The AI provides recommendations individually, and you can choose to apply or ignore each suggestion based on your design needs.

      Similar articles