Doodlebug

Overlay designs from Figma in Chrome to build great websites faster

什么是Doodlebug?

Doodlebug是由https://getdoodlebug.com开发的Chrome扩展程序,该扩展的主要功能是“Overlay designs from Figma in Chrome to build great websites faster”。

扩展截图

screenshot
screenshot
screenshot

下载Doodlebug扩展crx文件

下载Doodlebug扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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.                    

扩展基本信息

名称 Doodlebug Doodlebug
ID hhdodkjeibaiahbompoikjhmefejjlep
官方URL https://chromewebstore.google.com/detail/doodlebug/hhdodkjeibaiahbompoikjhmefejjlep
简介 Overlay designs from Figma in Chrome to build great websites faster
文件大小 1.62 MB
安装次数 72
当前版本 [email protected]
更新时间 2020-03-08
上架时间 2020-03-07
评分 5.00/5 共1次评分
开发者 https://getdoodlebug.com
电子邮箱 [email protected]
付费类型 free
扩展官网 https://getdoodlebug.com
帮助页面URL https://getdoodlebug.com
隐私政策页面URL https://app.getdoodlebug.com/privacy
支持的语言 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"
    }
}