Doodlebug

Overlay designs from Figma in Chrome to build great websites faster

What is Doodlebug?

Doodlebug is a Chrome extension developed by https://getdoodlebug.com, and its main feature is "Overlay designs from Figma in Chrome to build great websites faster".

Extension Screenshots

screenshot
screenshot
screenshot

Download Doodlebug Extension CRX File

Download Doodlebug extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Doodlebug makes web developers more efficient by overlaying mockups from Figma directly in Chrome. It provides a pixel-perfect visual guide right over what you're building.

Featuring:

• Support for up to 3 responsive screen widths.
• Drag to position designs anywhere on screen, or set to specific values.
• Ability to invert the reference image's colors to get an even better view.
• Keyboard shortcuts for maximum efficiency.

Stop guessing. Ship great websites fast with Doodlebug.                    

Extension Basic Information

Name Doodlebug Doodlebug
ID hhdodkjeibaiahbompoikjhmefejjlep
Official URL https://chromewebstore.google.com/detail/doodlebug/hhdodkjeibaiahbompoikjhmefejjlep
Description Overlay designs from Figma in Chrome to build great websites faster
File Size 1.62 MB
Installation Count 72
Current Version [email protected]
Last Updated 2020-03-08
Publish Date 2020-03-07
Rating 5.00/5 Total 1 Ratings
Developer https://getdoodlebug.com
Email [email protected]
Payment Type free
Extension Website https://getdoodlebug.com
Help Page URL https://getdoodlebug.com
Privacy Policy Page URL https://app.getdoodlebug.com/privacy
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "version": "0.0.2.6",
    "version_name": "[email protected]",
    "manifest_version": 2,
    "name": "Doodlebug",
    "description": "Overlay designs from Figma in Chrome to build great websites faster",
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "browser_action": [],
    "permissions": [
        "contextMenus",
        "activeTab",
        "identity",
        "tabs",
        "storage",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "web_accessible_resources": [
        "*.html",
        "clear.png"
    ],
    "content_security_policy": "script-src 'self' https:\/\/www.gstatic.com\/ https:\/\/*.firebaseio.com https:\/\/www.googleapis.com https:\/\/apis.google.com 'sha256-R62XbLdu\/F5fwgDDTYOc\/1wCH3GCAQGl\/r0jsI3HlSc='; object-src 'self'",
    "icons": {
        "16": "logo16.png",
        "48": "logo48.png",
        "128": "logo128.png"
    }
}