Overlay designs from Figma in Chrome to build great websites faster

Latest Version

Update
March 7, 2020
Size
1.62MiB
Developer
getdoodlebug.com
Category
Users
49
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ContextMenus
ActiveTab
Identity
Tabs
Storage
Http://*/*
Https://*/*
See more

Doodlebug Extension

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.
Read more

Source 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" }}
Read more

Similar Extensions

icon

Element to Figma Extension · Productivity 49 1 ★ 197KiB

icon

HTML to Figma - by Builder.io Extension · Productivity 49 46 ★ 343KiB

icon

Figma GitHub Extension · Developer Tools 49 5 ★ 29.55KiB

icon

Figma to Tokens Extension · Developer Tools 49 0 ★ 25.37KiB

icon

Hoverify Extension · Developer Tools 49 145 ★ 14.54MiB

icon

CSS Inspector Extension · Developer Tools 49 64 ★ 2.57MiB

icon

Hover inspector like in Zeplin , Figma Extension · Developer Tools 49 29 ★ 122KiB

icon

CSS Brio Extension · Developer Tools 49 5 ★ 86.26KiB

icon

Shovel Extension · Developer Tools 49 4 ★ 43.18KiB

icon

Superposition helper Extension · Developer Tools 49 2 ★ 23.21KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 49 38 ★ 18.37MiB

icon

Ghost Screen Extension · Developer Tools 49 3 ★ 659KiB

icon

Web Design Pirate Extension · Developer Tools 49 21 ★ 134KiB

icon

Unstack Style Guide Extension · Developer Tools 49 20 ★ 68.29KiB

icon

Pixelay for Figma Extension · Developer Tools 49 4 ★ 391KiB

icon

Baseliner Extension · Developer Tools 49 45 ★ 205KiB

icon

Spider Free - The simplest web scraper Extension · Productivity 49 27 ★ 17.4KiB

icon

EazyCSS Extension · Developer Tools 49 13 ★ 2.98MiB

icon

Dribbble @2x Extension · Productivity 49 14 ★ 407KiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 49 9 ★ 84.8KiB

icon

MarkUp For Chrome Extension · Productivity 49 32 ★ 9.78MiB

icon

CSS3 Generator Extension · Developer Tools 49 60 ★ 346KiB

icon

PixelParallel by htmlBurger Extension · Developer Tools 49 65 ★ 223KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 49 87 ★ 816KiB