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

Latest Version

Version
0.0.14
Update
July 12, 2022
Size
659KiB
Developer
Category
Users
362
Rating
4.66667 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
*://*/*
Storage
Tabs
See more

Ghost Screen Extension

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.
Read more

Source 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'"}
Read more

Similar Extensions

icon

Pixel Perfect Pro Extension · Developer Tools 362 12 ★ 124KiB

icon

Crosspixel Extension · Developer Tools 362 3 ★ 11.57KiB

icon

Bubble Buddy Extension · Developer Tools 362 8 ★ 40.63KiB

icon

ChromeOverlay Extension · Fun 362 6 ★ 17.09KiB

icon

Tweet creator Extension · Productivity 362 4 ★ 6.47MiB

icon

Cornpare Extension · Developer Tools 362 0 ★ 97.97KiB

icon

JobJette - Free AI Job Search Copilot Extension · Productivity 362 1 ★ 1.2MiB

icon

Apiary - Web Highlighter & Annotator Extension · Social & Communication 362 0 ★ 1.51MiB

icon

Figma Search Extension · Developer Tools 362 5 ★ 136KiB

icon

Doodlebug Extension · Developer Tools 362 1 ★ 1.62MiB

icon

One Figma Shortcut a Day Extension · Productivity 362 3 ★ 57.02KiB

icon

Pixelay for Figma Extension · Developer Tools 362 4 ★ 391KiB

icon

Figma Clean Prototypes Extension · Productivity 362 2 ★ 6.26KiB

icon

GL Git Clone Extension · Developer Tools 362 1 ★ 55.18KiB

icon

Figma to Tokens Extension · Developer Tools 362 0 ★ 25.37KiB

icon

AutoReview for Power Automate Extension · Developer Tools 362 2 ★ 4.96MiB

icon

Opacity Layer Extension · Productivity 362 1 ★ 14.58KiB

icon

Einote: The Future of Voice Notes Extension · Productivity 362 18 ★ 397KiB

icon

Bandcamp Play Extension · Productivity 362 17 ★ 279KiB

icon

Zeplin Popout Tool Extension · Developer Tools 362 10 ★ 24.43KiB

icon

Tor's Backloggery enhancements Extension · Productivity 362 4 ★ 21.87KiB

icon

AidKit for Webflow Extension · Developer Tools 362 24 ★ 598KiB

icon

Wordtabb Extension · Productivity 362 16 ★ 816KiB

icon

PixelParallel by htmlBurger Extension · Developer Tools 362 65 ★ 223KiB

User reviews

icon

Dmitry Platonov (ID: 000000a7c6c4e071) Voted 4 ★ - Updated 12/06/2022 I wish I could use it but it for some reason it doesn't work :(

icon

Muhammet ESER (ID: 0000002c2735d453) Voted 5 ★ - Updated 09/16/2022 It does the job. Thanks for this great extension.