Ghost Screen

Easier comparing Figma design with its implementation for designers and developers.

What is Ghost Screen?

Ghost Screen is a Chrome extension developed by Ghost Screen Team, and its main feature is "Easier comparing Figma design with its implementation for designers and developers.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Ghost Screen Extension CRX File

Download Ghost Screen 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

                        What's this?

Extension for Google Chrome. Integration with Figma API allows you to compare a design and its implementation in one click and immediately see what needs to be fixed.

Why?

- No export/import: design is taken directly from Figma automatically;
- No need to spend time setting up. Ghost Screen opens your site with required resolution and places the design above it in correct way;
- It is convenient to compare a 1920px design and a site in a required resolution even on a 1020x768 laptop.

How it works?

Install from the official Chrome Store → Sign in with your Figma account → Choose a frame and its implementation to compare. Then Ghost Screen will define how to accurately lay out the design of any size on top of the site.                    

Extension Basic Information

Name Ghost Screen Ghost Screen
ID jahomikcecjnnilgchiddkbkeonkilhh
Official URL https://chromewebstore.google.com/detail/ghost-screen/jahomikcecjnnilgchiddkbkeonkilhh
Description Easier comparing Figma design with its implementation for designers and developers.
File Size 659 KB
Installation Count 372
Current Version 0.0.14
Last Updated 2022-07-12
Publish Date 2020-07-04
Rating 3.75/5 Total 4 Ratings
Developer Ghost Screen Team
Email [email protected]
Payment Type free
Extension Website https://www.ghostscreen.design
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "version": "0.0.14",
    "manifest_version": 2,
    "default_locale": "en",
    "name": "__MSG_EXTENSION_NAME__",
    "description": "__MSG_EXTENSION_DESCRIPTION__",
    "permissions": [
        "*:\/\/*\/*",
        "storage",
        "tabs"
    ],
    "web_accessible_resources": [
        "fonts\/inter-400.woff",
        "fonts\/inter-400.woff2",
        "fonts\/inter-500.woff",
        "fonts\/inter-500.woff2",
        "styles\/fonts.css",
        "styles\/workspace.css",
        "scripts\/workspace.js"
    ],
    "background": {
        "page": "background.html",
        "persistent": true
    },
    "icons": {
        "32": "icons\/32.png",
        "128": "icons\/128.png"
    },
    "browser_action": {
        "default_icon": "icons\/32.png"
    },
    "content_security_policy": "script-src 'self' 'unsafe-eval' 'sha256-lc7RqjazxhzUTsmiv3eNlfgdnrxwEUoMKh\/DLKpdtD8=' 'sha256-rcB4pkFgiUFBpLn+uBtqGHZ4sT0Iz3JEue2tktsK4KI=' https:\/\/www.google-analytics.com; object-src 'self'"
}