Doodlebug

Overlay designs from Figma in Chrome to build great websites faster
What is Doodlebug?
Doodlebug is a Chrome extension that overlays Figma mockups in Chrome, providing web developers with pixel-perfect visual guidance. With support for multiple screen widths and efficient features, Doodlebug helps you build websites faster.

Extension stats

Users: 58 ▲ 4
Rating: 5.00 (1)
Version: [email protected] (Last updated: 2020-03-08)
Creation date: 2020-03-07
Risk impact: High risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Permissions:
  • contextMenus
  • activeTab
  • identity
  • tabs
  • storage
  • http://*/*
  • https://*/*
Size: 1.70M

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension

Extension summary

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.

Extension safety

Risk impact

Doodlebug requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk likelihood

Doodlebug has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Promo images

Doodlebug small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Doodlebug: