Image Overlays, Smarter Tutorials & Stability Improvements

Introduction

This update introduces a powerful new way to compare designs directly inside Pixefy with per-pane image overlays. Whether you're matching a design file, validating implementation details, or reviewing visual changes, overlays can now be added, adjusted, and managed independently for every pane.

We've also completely redesigned the Tutorials page to make learning Pixefy easier, with interactive navigation, contextual highlights, and smarter search.

Alongside these additions, we've continued improving the foundation of Pixefy with fixes to initialization, pane synchronization, browser compatibility, and overall stability.

🆕 New

Per-Pane Image Overlay Tool

You can now add image overlays to individual panes and align them precisely.

Features include:

• Independent overlays per pane

• Image rotation and flipping

• Blend mode controls

• Smart positioning that stays aligned during resizing

• Persistent overlay library

• Quick image replacement and management

• Hover previews for stored overlays

This makes design-to-implementation comparisons much easier.

📚 Tutorials Page Redesign

The Tutorials page has been rebuilt to make discovering features and learning workflows easier.

Highlights:

• Interactive sidebar navigation

• Collapsible tutorial sections

• Improved search and content discovery

• Context-aware tooltips

• Toolbar highlights that visually point to the feature being explained

🔄 Improvements

• Better overlay positioning during pane resizing

• Improved synchronization between overlays and device mockups

• Smarter pane state tracking in Single Pane mode

• More robust URL handling in restrictive CORS environments

🛠 Fixes & Stability

• Prevented duplicate extension initialization

• Improved tab reinjection behavior

• Better browser overlay border radius calculations

• Improved active pane synchronization

• Enhanced compatibility with strict CORS configurations

Summary

New

• Per-pane Image Overlay Tool

• Overlay Library

• Image Alignment Editor

• Redesigned Tutorials Page

• Interactive Toolbar Highlights

Improvements

• Overlay positioning and scaling

• Mockup synchronization

• Single Pane state tracking

• Tutorials navigation and search

Fixes

• Duplicate initialization issues

• Active pane synchronization

• Browser overlay calculations

• CORS compatibility