Click an icon and turn the page you're on into a wireframe.

Latest Version

Version
1.0.0
Update
March 25, 2020
Size
2.15MiB
Developer
Category
Users
6,000+
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
See more

Page to wireframe Extension

I make websites, and sometimes I want to make a site first, then demonstrate its micro-IA separately, without showing a huge level of detail or design fidelity.

This extension lets you click a button and have everything on the page appear low-fidelity. You can then take screenshots and perform other operations in order to export your wires.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "author": "Brad Czerniak", "name": "__MSG_extensionName__", "short_name": "p2wire", "description": "__MSG_extensionDescription__", "version": "1.0.0", "default_locale": "en_US", "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "default_title": "__MSG_browserActionDefaultTitle__" }, "homepage_url": "https://github.com/ao5357/page-to-wireframe", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png", "256": "icons/icon256.png" }, "manifest_version": 2, "permissions": [ "activeTab" ], "web_accessible_resources": [ "css/fonts/*.woff2", "css/images/*.jpg", "css/images/*.svg" ]}
Read more

Similar Extensions

icon

wireframify Extension · Developer Tools 6,000+ 9 ★ 87.62KiB

icon

HTML to Figma - by Builder.io Extension · Productivity 6,000+ 46 ★ 343KiB

icon

Heurio - One-Click Bug Report & UX Check Tool Extension · Developer Tools 6,000+ 76 ★ 5.86MiB

icon

Loremipsumizer Extension · Developer Tools 6,000+ 1 ★ 43.89KiB

icon

Jigsaw Mockups Extension · Developer Tools 6,000+ 2 ★ 3.0MiB

icon

html.to.design Extension · Productivity 6,000+ 72 ★ 333KiB

icon

UI Design Extension · Developer Tools 6,000+ 3 ★ 26.09KiB

icon

Placeholdifier Extension · Developer Tools 6,000+ 6 ★ 17.41KiB

icon

wireframe-page Extension · Developer Tools 6,000+ 2 ★ 36.25KiB

icon

Shotmockr: Design Mockups, Screen Recorder Extension · Productivity 6,000+ 1 ★ 526KiB

icon

Visily - App UI Capture & Design Extension · Productivity 6,000+ 5 ★ 360KiB

icon

MockFlow WireframePro Extension · Productivity 6,000+ 4 ★ 236KiB

icon

Figma GitHub Extension · Developer Tools 6,000+ 5 ★ 29.55KiB

icon

Web Style Grabber Extension · Developer Tools 6,000+ 0 ★ 16.2KiB

icon

Element to Figma Extension · Productivity 6,000+ 1 ★ 197KiB

icon

Site Palette Extension · Developer Tools 6,000+ 344 ★ 297KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 6,000+ 38 ★ 18.37MiB

icon

UX Check Extension · Productivity 6,000+ 84 ★ 1.32MiB

icon

Unstack Style Guide Extension · Developer Tools 6,000+ 20 ★ 68.29KiB

icon

Moqups Extension Extension · Productivity 6,000+ 4 ★ 45.84KiB

icon

Hoverify Extension · Developer Tools 6,000+ 145 ★ 14.54MiB

icon

CSS Peeper Extension · Developer Tools 6,000+ 363 ★ 279KiB

icon

Figma Extension · Productivity 6,000+ 27 ★ 1.36MiB

icon

UX Principles Extension · Productivity 6,000+ 9 ★ 30.91KiB

User reviews

icon

Osman Safdar (ID: 000000b584beeebd) Voted 5 ★ - Updated 02/12/2023 Excellent plugin! Is there a way to retain the text as it is... just remove the images, colors etc as it currently does while retaining the original text?

icon

Leandro Martinez (ID: 000000f49fbd3ca4) Voted 5 ★ - Updated 05/27/2022 This extension is AWESOME! Is it possible to have an option to have gray bars as a replacement for texts instead of curved lines, similar to how mockups are made?