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 |
| Eメール | [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"
}
} | |
