Changelog

🐞 Fixes & Improvements

Account Linking Reliability

• Fixed an issue where linking your account from the browser extension would sometimes require logging in twice.
• The extension now correctly recognizes your session immediately after a successful sign-in or sign-up, ensuring a seamless connection.

✨ What's New

New Font Inspector Panel

Wireframeit now includes a dedicated Font Inspector, giving you clear visibility into the typography used on any webpage.

You can:

• View all loaded fonts, including fallback and unresolved fonts
• Copy font names instantly
• Search fonts directly on Google
• Look up fonts across multiple popular font providers

This makes identifying, sourcing, and documenting typography faster and more reliable.

More Powerful Media Inspector

The Media Inspector has been substantially improved to capture a wider range of visual assets with greater accuracy.

Expanded Media Detection

Wireframeit now detects additional media types, including:

• Video posters
• Metadata-based images (such as Open Graph images)
• SVGs with corrected size detection

Organized Media Categories

Extracted media is now grouped into clear categories for easier browsing:

• Metadata
• SVGs & Icons
• Backgrounds
• Images

As before, you can select and download multiple assets at once.

⚡ Improvements

Smoother Live Preview Experience

The preview mode has been refined to feel more fluid and responsive. Live changes made through the customization sidebar now update more seamlessly, making visual exploration and iteration noticeably smoother.

Consistent Panel UI Styling

The Blacklist and Preset panels have been visually updated to match the rest of Wireframeit’s interface, improving clarity and consistency across all inspector panels.

✨ What's New

A More Intelligent, Structured Color Inspector

The Color Inspector now provides a clearer and more organized view of the colors extracted from the page.

Grouped Color Palettes for Better Insight

Extracted colors are now automatically organized into:

• Core Palette - the most frequently used and foundational colors detected on the page.
• Additional Colors - all other colors identified in the site’s styles.

This makes it easier to understand the page’s visual structure, spot dominant colors, and identify inconsistencies.

Selectable Colors With Multi-Format Exporting

You can now select one or multiple colors and export them in a variety of developer-friendly formats:

• CSS Variables
• SCSS Variables
• Tailwind Config
• JSON
• CSV
• SVG Color Swatches

This expands the previous single-value copy behavior and provides a direct path from extracted colors into codebases, documentation, and style references.

Cleaner and More Accurate Color Extraction

• Semi-transparent colors are now converted to solid values when appropriate, reducing noise and producing a more meaningful palette.
• Color data includes richer metadata for improved grouping and consistent exporting.

⚡ Improvements

Less Disruptive “Rate Us” Prompt

The rating prompt now appears as a small toast instead of a modal dialog and is shown only after relevant usage thresholds-keeping your workflow uninterrupted.

🛠 Fixes

Full Editor Interaction With Panels Open

You can now continue interacting with the editor even when a panel is open. This resolves the previous behavior where the canvas became unresponsive until the panel was closed.

✨ What's New

Smarter & More Flexible Export Options

• Added a range of advanced conversion settings to give users more control over export behavior-especially for SVG outputs.
• Introduced new export targets that automatically apply the ideal conversion settings for each format.
• SVG exports now use HEX + fill-opacity instead of RGB/RGBA for improved compatibility with tools like Illustrator.
• Fixed an issue where inline SVGs were being converted to PNGs-they now correctly remain as SVGs.

Improved SVG Compatibility for Illustrator

• Fixed multiple issues that caused exported SVGs to appear incorrectly inside Illustrator.
• Updated internal SVG references to use xlink:href, resolving missing images, shadows, and other visual elements.

⚡ Improvements

Cleaner, More Powerful Editor Panels

• Panels in the editor can now be opened simultaneously, with the active one automatically stacking on top.
• The former Blacklist and Color Inspector dialogs are now redesigned as panels for a more seamless workflow.

Unified Conversion History

• The old Conversion History dialog has been removed.
• History is now fully integrated into the Conversion popover for quicker access and a more consistent experience.

🧩 Under the Hood

These updates simplify the export pipeline, improve compatibility with third-party design tools, and lay the foundation for future export formats.

✨ What's New

• New Extension Popup
  • Clicking the Wireframeit icon now opens a popup instead of launching the full editor.
  • The popup includes:
    • A Quick Convert action to instantly convert the current page without opening the editor.
    • Customization Settings to adjust conversion preferences.
    • A Conversion History tab to preview or download recent conversions.
  • This new flow is faster and helps avoid compatibility issues with websites that restrict iframe loading.

⚡ Improvements

• Streamlined conversion process - no need to open the full editor for quick actions.
• Added direct access to Sign In / Sign Out and Open Editor from the popup for convenience.

🧩 Under the Hood

These changes lay the groundwork for faster feature updates and improved compatibility with more websites in future releases.

🐞 Fixes & Improvements

• Placeholder Image Handling
  • Fixed a bug where placeholder images were unintentionally replaced by live images.
  • This update ensures that the wireframe preset now works as intended - keeping placeholders consistent across your designs.

⚙️ Under the Hood

We’ve made small stability adjustments to ensure more predictable and reliable rendering when using the wireframe preset.

✨ What's New

• Image Display Options You can now choose how images are shown in your designs:

  • Auto: Displays live images directly in your design (these will also appear in exports).
  • Placeholder: Keeps using placeholder icons for images - the same behavior as before.

• Improved Export Handling

  • Pseudo Elements: Elements like icons or decorations added via CSS are now included in exports.
  • Background Gradients: Linear gradients now export correctly to SVG and Figma.
  • SVG Text Improvements: SVG exports now keep real text (no more text converted into paths) for sharper results and smaller file sizes.

⚡ Performance & Stability

• Exports and conversions are now significantly faster.
• Fixed an issue where Firefox users couldn’t download exports.
• Fixed a bug where selection mode wasn’t working properly in some cases.

🧩 Under the Hood

We’ve made several optimizations to reduce background API calls and improve overall reliability. These changes should make the extension lighter, faster, and more privacy-friendly.

General Updates

From 'Exports' to 'Conversions'

We've updated our terminology to better reflect what you're doing in the app: converting live websites into editable designs. You'll now see terms like 'Convert' and 'Conversion History' throughout the app.

🎉 PNG & JPG Conversions Now Available for All Users

We're excited to announce that free users can now convert designs to high-quality PNG and JPG formats. To support this, the Conversion History dialog is also now available to everyone.

Note: Conversions for free users will include a wireframeit watermark.

New Conversion Status Dialog

When you start a conversion, you'll now see a helpful dialog that tracks its progress and provides the download link once it's complete.

Smoother Artboard Resizing

We've overhauled the artboard resizing logic. It's now significantly smoother and more responsive. To resize, simply hover over the edge of your artboard until the resize cursor appears.

UI & Experience Clean-up

• The ability to toggle image visibility in the sidebar customization options is now available for all users.
• To tidy up the editor, we've relocated the 'Rate Us' link to the settings dropdown and removed the redundant convert button from the customization sidebar.

Figma Plugin Improvements

Our Figma plugin has received a major upgrade, focusing on more accurate and flexible conversions.

Enhanced Text Style Support

We now convert more CSS text properties for higher fidelity designs, including text-case, text-decoration, and letter-spacing.

Improved Media Placeholders

We've changed how media placeholders are imported into Figma. They are now cleaner, single-layer elements, which also paves the way for us to support real image imports in the future.

Text ID Support

Text IDs are now correctly imported and grouped at the top of your Figma frame, allowing you to easily hide or delete them.

Bug Fixes

• Fixed a critical bug that could cause frames to import into Figma with a height of 0.
• Corrected an issue where text was not always vertically centered within its bounding box.
• Resolved a problem where text that was visually clipped on a website would sometimes appear in its entirety in Figma. Text now correctly respects its parent container's boundaries.

✨ New Features - Presets Are Here!

🔧 Presets System

Quickly switch between different editor configurations with ease!

• Preset Manager: Create, edit, clone, and preview your own presets.
• Live Preview: See how a preset affects your artboard before applying it.
• Preset Selector: Choose presets directly from the customization sidebar.
• Default Presets: Includes two built-in presets — Full Design and Wireframe.
• Favorites & Defaults: Favorite your go-to presets and set a default to load each time you start editing.
• Device Sizes: Customize viewport dimensions per preset.

If you're updating from a previous version, your saved customization settings will automatically migrate to a new preset called “Migrated Settings.”

🛠️ Improvements

🎨 Customization Behavior

• Customization settings are now tab-specific, fixing a long-standing issue where changes in one tab affected another.
• Default customization settings (and related dialog) have been removed in favor of presets.

🖱️ Canvas & Interaction

• New zoom & pan engine: Switched to a smoother, more responsive system.
• Improved artboard centering — works reliably across sizes.
• Zoom to cursor: Zooming now focuses where your cursor is.
• Scrollwheel & pinch zoom: Works with mice, trackpads, and touch gestures.
• Seamless panning: Now supported even when the artboard is active.

📤 Export Experience

• The export button now opens a streamlined export dialog instead of a dropdown.
• Export types are presented clearly with icons and descriptions.
• The last used export type is remembered per session.
• Free users can view available export types, but export functionality remains exclusive to paid users.

🐞 Bug Fixes

• Fixed a rare race condition that caused infinite loading when preview mode activated before editor finished loading.
• Resolved issues with artboard settings not syncing correctly between open tabs.

🛠️ Improvements

• Cleaner Text Conversion
  Lorem ipsum conversion now keeps white spaces, line breaks, and symbols intact for a more natural look.
• Better Visibility Handling
  We now capture hidden elements that become visible after a page loads — this ensures more complete wireframe previews and exports.
• Support for Shadow DOM
  Wireframeit now processes elements inside shadow roots, meaning you'll get more complete wireframes from modern websites.
• Improved Text ID Display
  Text IDs are now displayed more neatly and consistently, especially inside nested elements. It's easier to read and looks way better!
• Visual Loading Feedback
  We've added a subtle loading indicator while the editor processes data, so you know when things are happening in the background.

🐛 Bug Fixes

• Text Overlap Bug Fixed
  Fixed an issue where text was overlapping with icons. Everything should now look as expected.
• Editor Now Loads on More Sites
  Fixed issues where the editor wouldn’t launch properly on certain pages. It’s now much more consistent.
• More Accurate Text Replacement
  Fixed an issue where some text wasn’t converting to lorem ipsum, especially in elements with multiple lines of text.
• Default White Background
  Some websites didn’t have a background color, which made designs look odd. We've added a clean white background to the artboard by default.

🔄 Removed or Changed

• Removed “Preserve Original Layout” Option
  This setting is no longer available in text settings due to changes in how we handle text replacement.

✨ New Features

• Multi-line Text Support: Line breaks are now rendered properly across text blocks.
• Standalone Lorem Ipsum Toggle: Lorem generator separated from text display settings.
• Preset-Based Text Display Options: Behaves more like font presets for easier styling.
• Preserve Original Layout Toggle:
  • On: Maintains original layout and dimensions.
  • Off: Allows dynamic resizing based on font.
• Text Opacity Control: Added fine-grained text transparency control.

🛠️ Bug Fixes

• Color Picker Fix: Picker no longer closes unintentionally during selection.
• Focus Ring Clipping: Sidebar and dialog focus rings now display correctly.
• Font Export Fix: Handwritten fonts now export properly.

✨ New Features

• Figma Export: Direct export to Figma from Wireframeit.
• Figma Help & Plugin Access: Added help link and plugin download in settings.
• Premium UX Enhancements: Improved premium wrapper design.

✨ New Features

• Iframe Support: Engine now correctly identifies iframe elements.
• Tree View Restored: DOM structure navigation reinstated.
• Device Control Tabs: Quickly switch device modes using new tabs.

🛠️ Improvements

• DOM Element Selection: More reliable interaction with page elements.
• Scroll Behavior Fixes: Reduced glitchy scrolling issues.
• Tutorial Display: Fixed repeated tutorial popup.
• Font Handling: Font names now correctly reflect original values.
• Text Style Normalization: Updated internal styles for consistency.

✅ New Features

• Image Export Options:
  • Export wireframes as PNG or JPG.
  • Visual output available via a dedicated exports dialog.
• Enhanced Export Dialog UI:
  • Data table includes sorting, filtering, and pagination.
  • Layout fixes and unified export button.
• UI Updates:
  • Sidebar header redesigned.
  • Layers sidebar temporarily disabled.
  • Full-width toolbar introduced for better navigation.

🐛 Bug Fixes

• Scroll Reset on Export: Prevents cropped output.
• Iframe/Video Handling: Improved during export.
• Legacy Cleanup: Removed outdated line-handling logic.

✨ New Features

• Single Element Customization:
  • New selector tool for isolating and editing individual elements.
  • Revamped sidebar for element-level customization.

🛠️ Improvements

• Performance Optimization: Faster editor load times and responsiveness.
• SVG Export: Cleaner and more consistent SVG outputs.

🐛 Bug Fix

• Island Button Fix: Clicks now register correctly.

🧰 New Tools

• Media Inspector: View/download page images, videos, and embedded assets.
• Color Inspector: Extract all colors from a page for palette creation or analysis.

🚧 Improvements

• Better Media Handling: Smarter detection and download of assets.
• UI Enhancements: Upgraded image inspector and sidebar UX.

✨ New Features

• Full In-Browser Editor: Full workspace with layout, canvas, and component management.
• Responsive Previews: Test designs at various screen sizes.

🛠 UX & Interaction Enhancements

• Zoom & Pan Tools: Easier artboard navigation.
• Sidebar Enhancements: Improved scroll, pinning, and tooltips.
• Hint System: Contextual tips for faster learning.

🐛 Bug Fixes

• Firefox display bugs resolved.
• Better layout rendering and element alignment.
• Fixes for resizing issues and YouTube embeds.
• Tooltip and export flow polish.
• Smoother artboard resizing.

🛠 Bug Fixes

• Missing Text: Resolved export issues where text disappeared.
• SVG Sizing: Corrected viewBox values for proper svg scaling.
• Overflow Handling: Items no longer cut off unexpectedly during export.

✨ New Features

• Sharper SVG Exports: Improved wireframe rendering.
• Text-to-Path Conversion: Text now exported as scalable paths.
• Wireframe View Exporting: Supports exports with wireframe view enabled.
• Language Support: Handles non-Latin characters better.

🐛 Bug Fixes

• Tooltip Fix: Premium users no longer see upgrade prompt.
• Improved Text Handling: More reliable line break detection.

🐛 Bug Fix

• Fixed broken Link Account button.

Bug Fixes & General Improvements

🎉 First public version of Wireframeit! Start turning real websites into editable wireframes.