Ghost Screen
Easier comparing Figma design with its implementation for designers and developers.
什么是Ghost Screen？
Ghost Screen是由Ghost Screen Team开发的Chrome扩展程序，该扩展的主要功能是“Easier comparing Figma design with its implementation for designers and developers.”。
扩展截图
下载Ghost Screen扩展crx文件
下载Ghost Screen扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
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. 扩展基本信息
| 名称 |  Ghost Screen |
| ID | jahomikcecjnnilgchiddkbkeonkilhh |
| 官方URL | https://chromewebstore.google.com/detail/ghost-screen/jahomikcecjnnilgchiddkbkeonkilhh |
| 简介 | Easier comparing Figma design with its implementation for designers and developers. |
| 文件大小 | 659 KB |
| 安装次数 | 372 |
| 当前版本 | 0.0.14 |
| 更新时间 | 2022-07-12 |
| 上架时间 | 2020-07-04 |
| 评分 | 3.75/5 共4次评分 |
| 开发者 | Ghost Screen Team |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 扩展官网 | https://www.ghostscreen.design |
| 支持的语言 | 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'"
} | |
