Ghost Screen Chrome Extension

easier comparing figma design with its implementation for designers and developers..
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.

How to install Ghost Screen chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Ghost Screen Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Ghost Screen Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Ghost Screen in Chrome Webstore Search and click on the search button.
• Step 3: click on the Ghost Screen Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Ghost Screen extension for your Chrome Web browser .