Ghost Screen

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

Was ist Ghost Screen?

Ghost Screen ist eine Chrome-Erweiterung, die von Ghost Screen Team entwickelt wurde, und ihr Hauptmerkmal ist "Easier comparing Figma design with its implementation for designers and developers.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot
screenshot

Ghost Screen-Erweiterungs-CRX-Datei herunterladen

Laden Sie Ghost Screen-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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.                    

Grundlegende Informationen zur Erweiterung

Name Ghost Screen Ghost Screen
ID jahomikcecjnnilgchiddkbkeonkilhh
Offizielle URL https://chromewebstore.google.com/detail/ghost-screen/jahomikcecjnnilgchiddkbkeonkilhh
Beschreibung Easier comparing Figma design with its implementation for designers and developers.
Dateigröße 659 KB
Installationsanzahl 372
Aktuelle Version 0.0.14
Letztes Update 2022-07-12
Veröffentlichungsdatum 2020-07-04
Bewertung 3.75/5 Insgesamt 4 Bewertungen
Entwickler Ghost Screen Team
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://www.ghostscreen.design
Unterstützte Sprachen 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'"
}