All Pixefy features
Browse every Pixefy tool in one place – from responsive panes and device overlays to annotations and debugging. Filter by topic and quickly find what you need for faster QA, design review, and dev checks.
Interface
Adjust Screen Zoom Level
Pixefy’s Zoom feature lets you control the visual scale of each screen in your testing workspace. Whether you need a closer look at mobile UI details or want to fit more screens side by side, zooming gives you the flexibility to work efficiently without altering the actual resolution being tested.
Use case
You’re testing a mobile layout with small buttons. You zoom in to check alignment and padding without affecting the screen’s resolution. Later, you zoom out to compare three devices side by side in your workspace.
Accessibility Tools
Blindness Simulation
Pixefy’s Blindness Simulation feature allows you to preview your website as a user with various blindness conditions might experience it. This helps identify accessibility gaps and ensure compliance with WCAG and inclusive design standards. It’s a critical tool for designers, developers, and accessibility testers who want to build user-friendly experiences for all.
Use case
While testing a news website, you run a blindness simulation. You discover that important navigation links aren’t accessible with screen readers. This insight allows your team to add proper ARIA labels and improve the experience for visually impaired users.
Developer Tools
Box Model Preview in Inspector
Pixefy’s Visual Box Model enhances the Inspect Tool with a real-time preview of an element’s box model. As you hover or select elements, a clear breakdown of margin, border, padding, and content is shown. This makes it faster to understand spacing and diagnose layout issues without scanning raw CSS rules.
Use case
While inspecting a card component, you notice unexpected extra spacing. The Visual Box Model instantly reveals additional margin at the bottom, helping you pinpoint the issue in seconds.
Extension Settings
Clean & Simple UX
Pixefy’s Intuitive Interface ensures that all features are easy to access and understand, even for new users. With a clean layout, logical grouping of tools, and a minimal learning curve, it’s designed to keep you focused on testing — not figuring out how the tool works.
Use case
A new team member installs Pixefy to perform QA. Even without training, they can instantly start using features like Split Screen or Device Resolutions because the interface is straightforward and intuitive.
Accessibility Tools
Color Audit Tool
Pixefy’s See All Website Colors feature scans the entire page and extracts every color in use, generating a clear palette of backgrounds, text, borders, and accents. This makes it easy to analyze branding consistency, test accessibility contrast, or prepare design documentation.
Use case
While reviewing a client’s site, you use the tool to reveal the full palette. You notice multiple slightly different shades of blue are being used inconsistently. This insight helps the design team consolidate to a single approved brand color.
Developer Tools
CSS Property Viewer
Pixefy’s CSS Properties feature enhances the Inspect Tool by displaying common CSS properties in an organized, categorized view. Instead of digging through raw styles, properties like layout, typography, spacing, and colors are grouped logically — making debugging more intuitive and faster.
Use case
You’re reviewing why two text blocks look different. With one click in the Inspect Tool, you instantly see that their line-height and font-weight values differ — clearly grouped under Typography — saving you from manually filtering through a cluttered style list.
Developer Tools
Custom Screen Flow Layouts
Pixefy’s Stack Screens feature lets you control how multiple screens are displayed in your workspace. Horizontal Stacking → Screens line up in a row, requiring horizontal scrolling to navigate. Vertical Stacking → Screens flow downward, showing one or two per row, with vertical scrolling for easier browsing. This flexibility allows you to pick the layout that fits your workflow, whether you want side-by-side comparisons or a top-to-bottom review flow.
Use case
You’re testing 6 screens at once. For a quick side-by-side comparison, you stack them horizontally and scroll sideways. Later, for a detailed review, you switch to vertical stacking so you can scroll down through each breakpoint one by one.
Screens & Devices
Custom Screen Order
Pixefy’s Screens Rearrangement feature allows you to reorder your screens through the Rearrangement Menu. Once inside the menu, you can drag screens into the sequence that best fits your workflow. This ensures your workspace stays organized and aligned with your testing priorities.
Use case
You have 6 screens set up (mobile, tablet, desktop, and custom sizes). By opening the Rearrangement Menu, you drag the mobile and desktop screens next to each other for direct comparison, leaving the less critical screens further down the order.
Available in the
Available in the