What is Pixelay for Figma?

Pixelay for Figma is a Chrome extension developed by Hypermatic, and its main feature is "Compare your Figma designs with real websites.".

Extension Screenshots

Download Pixelay for Figma Extension CRX File

Download Pixelay for Figma extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

NOTE: This extension is designed to be used in collaboration with the Pixelay Figma Plugin, and it won't do anything on its own without the Figma plugin installed to upload your designs first - https://www.figma.com/community/plugin/816424186244407164/

Never hear excuses for your designs being messed up again. Pixelay allows you to effortlessly visually compare your Figma designs and your real website URLs with a single click.

Extension Basic Information

Name	Pixelay for Figma
ID	gnbafbeabkbkecmbedfgebgboicpnkpp
Official URL	https://chromewebstore.google.com/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp
Description	Compare your Figma designs with real websites.
File Size	381 KB
Installation Count	2,740
Current Version	1.1.7
Last Updated	2024-01-19
Publish Date	2021-07-06
Rating	3.67/5 Total 3 Ratings
Developer	Hypermatic
Email	[email protected]
Payment Type	free
Extension Website	https://www.figma.com/community/plugin/816424186244407164/Pixelay-Development-Comparison
Help Page URL	https://docs.hypermatic.com/pixelay/
Privacy Policy Page URL	https://www.hypermatic.com/privacy
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Pixelay for Figma", "description": "Compare your Figma designs with real websites.", "version": "1.1.7", "background": { "service_worker": "\/background.js" }, "minimum_chrome_version": "96", "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" }, "permissions": [ "declarativeNetRequest" ], "host_permissions": [ "" ], "web_accessible_resources": [ { "resources": [ "css\/content.css" ], "matches": [ "" ] } ], "content_scripts": [ { "matches": [ "" ], "js": [ "\/content.js" ], "run_at": "document_idle" } ] }