InVision Prototype Comment Exporter

WHAT IT DOES

This userscript extracts all comments from your InVision prototype and makes them exportable with a single click. It scans the prototype page for comments and captures the comment text, author name, timestamp, screen location, and resolved status for each one. A summary panel shows total comments, unique commenters, resolved vs open count, number of screens with comments, and the most recent comment. The export feature formats all comments as either a CSV file (ready for spreadsheets) or a plain text report. When grouped by screen, comments are organized by prototype screen, making it easy to review feedback on a per-screen basis. The script also displays a comment count badge in the prototype header showing the total number of comments and unique commenters. This is invaluable for UX researchers, product managers, and design teams who need to aggregate feedback, share comment summaries with stakeholders, or document design decisions.

WHERE IT RUNS

The script runs on all InVision web application pages at *.invisionapp.com/*, with automatic detection of prototype pages (paths containing /prototype/ or /share/). It works across all InVision interfaces by using multiple selector strategies to find comment elements, author names, timestamps, and screen locations. The script detects dynamic content loading and re-scans for comments whenever the page changes, including when navigating between screens or when new comments are added. It runs across the entire InVision domain, ensuring coverage whether you're viewing a prototype, a shared link, or a design review session.

HOW TO USE

Install the script via the BotGentz extension and open any InVision prototype. The comment exporter panel will appear automatically. A comment count badge appears in the prototype header showing total comments and unique commenters. The panel displays a preview of the first few comments and a summary with key metrics. Click "Export All Comments" to copy the full report to your clipboard in your chosen format (CSV or plain text). Use the panel controls to customize your export: choose between CSV and plain text format, toggle timestamps on or off, or enable grouping by screen to organize comments by prototype screen. The "Refresh Comments" button manually re-scans the page for new comments, and the "Copy Preview" button copies just the previewed comments. The summary panel updates automatically as you navigate through the prototype, showing live comment metrics.

THE MECHANISM - COMMENT EXTRACTION, AGGREGATION, AND REPORT GENERATION

This script identifies comments by scanning the DOM for known InVision comment elements using a cascading selector strategy. It looks for comment containers (.comment, .feedback-item, .comment-item, .annotation) and extracts text from body or content elements, author names from user-name or byline elements, timestamps from date elements or relative time strings, and screen locations from screen-name elements or by analyzing parent containers. Comments are sorted by timestamp descending for the most recent first. The script tracks resolved status by checking for resolved badges or class names. For the summary, it counts total comments, unique authors, resolved vs open counts, and unique screens. The export function formats the data using CSV generation (RFC 4180 compliant with proper escaping) or plain text with section headers. When grouping by screen, comments are organized into screen-specific sections. The comment count badge is injected into the prototype header with inline styles matching the InVision aesthetic.

THE PANEL

The control panel appears as a floating, draggable element that you can position anywhere on the InVision page. Drag by the header to reposition it, and the position is saved per site using GM_setValue so it stays where you left it across sessions. Release the panel near any edge and it snaps into place, keeping your workspace organized. Click the panel header to collapse it into a small bubble showing only the document emoji (📝), minimizing distraction while keeping controls accessible. Drag from the bubble to restore the full panel. The panel automatically resizes to fit its content and includes the export settings, preview, summary, and action buttons. Press the Escape key to quickly collapse the panel to its minimized state. The panel remains visible across page navigation within InVision, with comment data updating automatically as you move between screens.

PLEASE NOTE

This script requires the free BotGentz extension to function. It is designed for InVision users who need to aggregate and export prototype feedback. The script reads only visible comment data from the DOM—it does not access InVision's API, your account credentials, or any sensitive information. All settings (badge visibility, export format, timestamp preference, group preference, and panel position) are stored locally using GM_setValue and never leave your browser. The script does not modify your InVision data—it only reads and exports visible comments. The comment extraction relies on the structure of the current prototype page; if comments are not fully loaded (e.g., in a collapsed thread), they may not be captured. If InVision updates its website structure, the script may need to be updated to match new selectors. The preview shows only the first 10 comments; the full export includes all comments found on the page.