Ghost Screen

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

Wat is Ghost Screen?

Ghost Screen is een Chrome-extensie ontwikkeld door Ghost Screen Team, en de belangrijkste functie is "Easier comparing Figma design with its implementation for designers and developers.".

Extensie Screenshots

screenshot
screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie Ghost Screen

Download Ghost Screen-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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.                    

Basisinformatie over de Extensie

Naam Ghost Screen Ghost Screen
ID jahomikcecjnnilgchiddkbkeonkilhh
Officiële URL https://chromewebstore.google.com/detail/ghost-screen/jahomikcecjnnilgchiddkbkeonkilhh
Beschrijving Easier comparing Figma design with its implementation for designers and developers.
Bestandsgrootte 659 KB
Aantal Installaties 372
Huidige Versie 0.0.14
Laatst Bijgewerkt 2022-07-12
Publicatiedatum 2020-07-04
Beoordeling 3.75/5 Totaal 4 Beoordelingen
Ontwikkelaar Ghost Screen Team
E-mail [email protected]
Betalingswijze free
Extensiewebsite https://www.ghostscreen.design
Ondersteunde Talen 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'"
}