Using the Wireframeit Extension for Chrome

Installing the Wireframeit Extension for Chrome

To get started, install the Wireframeit extension for Google Chrome by visiting this Wireframeit page or by searching for Wireframeit in the Chrome Web 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 Chrome 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 Google Chrome'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 Chrome

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

1. Open the Extensions menu and click Remove from Chrome next to Wireframeit.
2. Right-click the Wireframeit icon in your toolbar and select Remove from Chrome.
3. Alternatively, visit the Chrome Web Store listing and click Remove from Chrome.

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 Chrome 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.