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 |
官方網址 | 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" } } |