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 |
| Eメール | [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'"
} | |
