Using the Wireframeit Extension for Firefox

Installing the Wireframeit Extension for Firefox

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

Pinning Wireframeit to Your Toolbar for Quick Access

After installation, 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 of installed add-ons.
3. Right-click the Pin to Toolbar button next to it.

The Wireframeit icon will now appear in your Firefox 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 Mozilla Firefox's toolbar to open the editor.
• Option 2: Right-click on any page and select Wireframeit - Open Editor from the context menu.

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.

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 Firefox

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

1. Click the settings icon next to Wireframeit in the Add-ons and Themes menu and click Remove Extension.
2. Right-click the Wireframeit icon in your toolbar and select Remove Extension.
3. Alternatively, visit the Firefox Add-ons Store listing and click Remove.

Common Questions: Compatibility, Permissions, and Privacy

Can I use Wireframeit on other browsers like Chrome, Brave, or Edge?

Yes! Wireframeit is also compatible with other popular browsers, though this guide focuses on Firefox.

Why does Wireframeit require permissions to "Access your data for all websites" and "Download files and read and modify the browser's download history"?

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.