Ghost Screen

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

O que é Ghost Screen?

Ghost Screen é uma extensão do Chrome desenvolvida por Ghost Screen Team, e sua principal característica é "Easier comparing Figma design with its implementation for designers and developers.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Ghost Screen

Baixe arquivos de extensão Ghost Screen no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.                    

Informações Básicas da Extensão

Nome Ghost Screen Ghost Screen
ID jahomikcecjnnilgchiddkbkeonkilhh
URL Oficial https://chromewebstore.google.com/detail/ghost-screen/jahomikcecjnnilgchiddkbkeonkilhh
Descrição Easier comparing Figma design with its implementation for designers and developers.
Tamanho do Arquivo 659 KB
Contagem de Instalações 372
Versão Atual 0.0.14
Última Atualização 2022-07-12
Data de Publicação 2020-07-04
Classificação 3.75/5 Total de 4 Avaliações
Desenvolvedor Ghost Screen Team
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://www.ghostscreen.design
Idiomas Suportados 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'"
}