Ghost Screenคืออะไร?

Ghost Screen เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Ghost Screen Team และคุณลักษณะหลักของมันคือ "Easier comparing Figma design with its implementation for designers and developers."

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Ghost Screen

ดาวน์โหลดไฟล์ส่วนขยาย 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'" }