The QA Proof browser plugin makes it easy to capture screenshots and run design QA tests directly from your browser. This guide will walk you through the installation process.
Supported Browsers
QA Proof plugin is available for:
- Google Chrome (version 90+)
- Microsoft Edge (version 90+)
- Brave Browser (version 1.20+)
- Firefox (coming soon)
Installing the Chrome Extension
To install the QA Proof plugin for Chrome:
- Visit the Chrome Web Store
- Search for "QA Proof Design QA"
- Click "Add to Chrome"
- Confirm by clicking "Add Extension" in the popup
- The QA Proof icon will appear in your browser toolbar
First-Time Setup
After installation:
- Click the QA Proof icon in your browser toolbar
- Click "Sign In"
- Enter your QA Proof account credentials
- Grant necessary permissions when prompted
Required Permissions
The QA Proof plugin requires the following permissions:
- Active Tab: To capture screenshots of the current page
- Storage: To save your settings and preferences
- Web Requests: To analyze page assets and styles
We take your privacy seriously. Learn more in our Privacy Policy.
Plugin Features
With the plugin installed, you can:
- Capture full-page screenshots with one click
- Compare live pages with Figma designs instantly
- Annotate and report visual bugs directly
- Access your recent projects and tests
- Run quick design checks without leaving your browser
Using the Plugin
To run a quick test:
- Navigate to any web page you want to test
- Click the QA Proof icon in your toolbar
- Select "Quick Test"
- Choose the Figma design to compare against
- Click "Run Test"
Results will appear in the plugin sidebar within seconds.
Troubleshooting
Plugin Icon Not Visible
If you don't see the QA Proof icon in your toolbar:
- Click the puzzle piece icon in Chrome
- Find "QA Proof" in the list
- Click the pin icon to pin it to your toolbar
Login Issues
If you can't sign in:
- Make sure you're using the correct email and password
- Clear your browser cache and try again
- Check that third-party cookies are enabled
- Try disabling other extensions temporarily
Screenshot Capture Fails
If screenshots aren't capturing correctly:
- Refresh the page and try again
- Check that the plugin has the required permissions
- Some sites block screenshot capture for security reasons
Updating the Plugin
The plugin updates automatically by default. To manually check for updates:
- Go to
chrome://extensions - Enable "Developer mode" in the top right
- Click "Update" to check for updates
Uninstalling
If you need to remove the plugin:
- Right-click the QA Proof icon in your toolbar
- Select "Remove from Chrome"
- Confirm the removal
Your account data and projects remain safe and accessible through the web app.
๐ก Pro Tip: Use keyboard shortcutAlt+P(orOption+Pon Mac) to quickly open the QA Proof plugin on any page.