MockPlug Extension Chrome

MockPlug let you create high fidelity mockups over any existing web application.

Latest Version

Version

3.1

Update

May 29, 2024

Size

2.0MiB

Developer

MockPlug Extension

Mockplug allows you to create high fidelity mockups for your requirements in any web application. For that, it offers a palette of content and form elements, such as paragraphs, lists, images, text inputs, buttons, etc. These elements can be added floatingly, or by inserting them in certain places in existing applications.
It also allows you to add annotations, so developers can easily and graphically understand what you need, at a glance.
With mockplug you can collect elements of any website to create mockups that integrate them and generate requirements in existing web applications from the components of others that interest you.
The mockups that you create on the web applications, you can save them in Trello lists shared with the developers so that they can see them easily and quickly. So they can organize your requirements among their pending tasks, maintaining a clear vision of what you need and expect from them.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "3.1", "name": "__MSG_extensionName__", "description": "__MSG_extensionDescription__", "default_locale": "en", "author": "[email protected]", "icons": { "32": "images/resources/icon.png" }, "permissions": [ "activeTab", "tabs", "notifications", "storage", "unlimitedStorage" ], "host_permissions": [ "" ], "background": { "service_worker": "dist/background/index.js" }, "action": { "default_icon": "images/resources/icon.png", "default_title": "Left Pad", "default_popup": "popup.html", "browser_style": true }, "content_scripts": [ { "matches": [""], "js": ["dist/content/index.js"] } ], "web_accessible_resources": [ { "resources":["delete.png","move.png","copyStyles.png","options.png","postit.png","h_flip.png","v_flip.png","thinking_bubble.png","delete.png","notepad_sheet.png","*"], "matches":["https://*/*"] }, { "resources":["dialogedit.html"], "matches":["https://*/*"] }, { "resources":["*.png"], "matches":["https://*/*"] } ]}