All blog posts

Using the Wireframeit Extension for Edge

Installing the Wireframeit Extension for Edge

Installing the Wireframeit extension on Microsoft Edge

To get started, install the Wireframeit extension for Microsoft Edge by visiting this Wireframeit page or by searching for Wireframeit in the Microsoft Edge Add-ons Store.

Pinning Wireframeit to Your Toolbar for Quick Access

Once installed, make Wireframeit easily accessible by pinning it to your browser’s toolbar:

  1. Click the Extensions button (a puzzle piece icon).
  2. Locate Wireframeit in the list.
  3. Click the Pin button next to it.

Now, the Wireframeit icon will appear in your Edge toolbar for quick access.

Launching the Wireframeit Editor

Wireframeit’s editor is your command center, giving you full control over the wireframing process.

  • Option 1: Click the Wireframeit icon in the Microsoft Edge's toolbar to open the editor.
  • Option 2: Right-click on any page and select Wireframeit - Open Editor from the context menu.
Wireframeit launch editor through context menu and toolbar

The editor provides an intuitive workspace where you can activate wireframe mode, customize styles, and export your designs—all within the same interface.

Activating Wireframe Mode

Wireframe mode will be enabled automatically when you open the Wireframeit editor, allowing you to start editing instantly. You can toggle this on or off at any time using the following options:

  1. Click the Wireframe button in the toolbar.
  2. Use the toggle switch in the customization sidebar.
Toggle wireframe mode using the Wireframeit extension

Your website will instantly transform into a wireframe, you can use the customization sidebar to further edit the wireframe.

Customizing Your Wireframe

Wireframeit’s customization features make it easy to adapt wireframes to your specific needs. Use the extension to hide or show elements, tweak colors or borders, or display text as blocks, scribbles, or Lorem Ipsum.

These features give you full control over the wireframe design. For a comprehensive overview of all customization options, check out our detailed customization guide here.

Managing Your Wireframe Settings: Session vs. Default Options

Wireframeit offers a dual-settings system for ultimate flexibility:

  • Session Settings: Adjust these for temporary changes that reset when you close the browser.
  • Default Settings: Set preferences that stay the same across all sessions, perfect for recurring workflows.

Want to learn more about the difference between both of these? Explore our full guide on session vs. default settings.

Exporting Wireframes as SVGs

If you’re a premium user, you can export your wireframes in SVG format. This feature makes it easy to share wireframes with collaborators or integrate them into your design workflows.

To learn how to make the most of the export feature, check out our detailed export guide here.

Uninstalling the Wireframeit Extension from Edge

If you no longer need the Wireframeit extension, follow one of these simple steps to remove it:

  1. Click the ellipsis icon next to Wireframeit in the Extensions menu and click Remove from Microsoft Edge.
  2. Right-click the Wireframeit icon in your toolbar and select Remove from Microsoft Edge.
  3. Alternatively, visit the Microsoft Edge Add-ons Store listing and click Remove.

Common Questions: Compatibility, Permissions, and Privacy

Can I use Wireframeit on Chromium-based browsers like Brave, Opera, or Vivaldi?

Absolutely! Wireframeit is fully compatible with Chromium-based browsers that support Edge extensions.

Why does Wireframeit require permissions to "Read and change all your data on all websites" and "Manage your downloads"?

Wireframeit needs these permissions to access webpage structures for wireframing and to export wireframes as SVG files directly to your device. Rest assured, these permissions are only active when using the extension and do not interfere with your browsing data.

Want to dive deeper into how Wireframeit handles permissions? Read our detailed guide on extension permissions here.

How does Wireframeit handle privacy?

Your privacy matters to us. Wireframeit only processes the page’s structure when the extension is activated. For more information, please review Wireframeit's Privacy Policy.


Back to all posts

Add Wireframeit for Free

Preview any website as a wireframe
Wireframe customization
Add for free!