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”。
扩展截图
下载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 |
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" } } |