With the Doodlebug Figma plugin, send mockups to Chrome instantly without ever leaving Figma.
When a designer is ready to hand off a screen to a developer, they simply open the Doodlebug plugin within Figma. They set a name for the screen and add up to 3 mocks (for mobile, tablet or desktop sizes).
Now the developer can overlay the mocks directly on the site as she’s coding it. She has the mockups as a perfect visual reference — directly over what she’s building.
No problem! Just tap the “refresh” icon in the Figma plugin. Doodlebug will send your changes instantly over to the developer in Chrome.
No, Doodlebug can easily be used if a designer has only mocked up one section of a page (or even a single component, like a text input or a button). Doodlebug lets developers move mockups around in Chrome and position them on the screen wherever they need to.
No! The Doodlebug Chrome plugin remembers whether it’s active on a URL and quickly loads right back to where everything was after every page refresh.