Figma’s screenshot sidekick. Capture screenshots in Chrome and bring them into Figma without pushing a single pixel.
GummyGrab Extension
• Take screenshots at any breakpoint size.
• Bring full page shots into Figma without downsizing and pixelation issues.
• Organize them into boards with notes and URLs.
How it Works
1. Capture from the Chrome Extension.
2. Drop your files into Figma.
3. Select files and run the GummyGrab Figma plugin.
Link to install the GummyGrab Figma plugin:
https://www.figma.com/community/plugin/1268974573188158702/gummygrab-beta
Great for:
Ad hoc screenshots • Product audits • Competitor evaluations • Expert reviews • Mood boards • QA reviews • Marketing mockups • Portfolio displays • Help center shots
While in beta, everything is free! 🧸
A paid version is on its way – consider it my peace offering to my lovely wife for all the time GummyGrab stole from our post-toddler bedtime hours.
And don't worry, GummyGrab will always offer a free version.
Features:
Chrome extension —
• Size shots
• Create boards
• Add notes
• Save URLs
• Avoid pixelation
• Keyboard accessible
Figma plugin —
• Resizes shots from 2x → 1x
• Arranges shots
• Attaches notes and URLs
• Stitches split shots
Link to install the GummyGrab Figma plugin:
https://www.figma.com/community/plugin/1268974573188158702/gummygrab-beta
Why GummyGrab?
• Way less clicks and maybe… a little less wrist pain 😉.
• Super fast, local processing – no delayed imports.
• No manual adjustments or time consuming sorts.
• Keeps references alongside the designs they inspire, no extra tools needed.
FAQ’s
1. Are there keyboard shortcuts?
Chrome extension:
• Open the extension using Ctrl + 9 (Mac) or Ctrl+Shift+9 (Windows).
• Use tab, up/down, and enter keys to navigate the extension.
Figma plugin:
• Run the plugin with an App shortcut. For the Mac desktop app, set it up by navigating to: System Settings > Keyboard > Keyboard Shortcuts > App Shortcuts > Plus icon > Select Figma for Application > Input the following into Menu Title: Plugins->GummyGrab (beta) > Assign shortcut keys.
2. Why does GummyGrab use local file downloads?
• Speed: Fast integration into Figma, as it cuts out server imports.
• Convenience: You don’t need to operate another UI in Figma, just simply run the plug-in.
• Cost-effective: No extra charges for you due to server storage.
3. What are the available breakpoint sizes?
• Set custom widths from 320px to 3024px. Wider sizes can vary based on the size of your computer screen.
• Alternatively, capture at your browser's current width without setting a size.
4. What does the “Avoid pixelation” feature do?
• It splits long screenshots into smaller ones to prevent them from being downsized by Figma. The Figma plugin automatically stitches the shots back together, resulting in high-quality images. Note that wider widths of 2048px and over may still experience some pixelation.
5. How do I get the best from GummyGrab?
• For wider screenshots, keep your browser window to the left side of your screen.
• When capturing screens of 500px to 768px wide, try to have fewer tabs open.
6. Why does the extension ask me to reload the page after installation?
• Full page and mobile-sized shots require URLs to be loaded after extension installation or updates. If they we're loaded before installation, then they will need to be reloaded so that the extension can read the URL's.
7. Does GummyGrab store user data?
• GummyGrab processes all data locally and doesn't collect, store, or sell any user data.
8. Why does the GummyGrab Chrome Extension request permissions during installation?**
• GummyGrab requires access to your downloads to transfer files to your computer. It also needs access to your URLs to capture mobile-sized screenshots. Rest assured, it only uses these permissions for your screenshots - no 🧢.
Get started, by installing the Chrome extension and running the GummyGrab Figma Plugin:
https://www.figma.com/community/plugin/1268974573188158702/gummygrab-beta
Source Manifest.json
How to download and manually install GummyGrab extension for Chrome
Looking for a way to install GummyGrab extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.
However, you may need to install GummyGrab extensions manually, this article outlines two simple methods to effortlessly install GummyGrab extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.
Method 1: Download GummyGrab extension and manually install through Drag &Drop
If you ever need to manually install a GummyGrab extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.
Step 1: Download the GummyGrab Extension by clicking the "Download CRX" button on the website.
Look for the GummyGrab extension you wish to install. Go to the website and download the GummyGrab extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for GummyGrab extension that contains all the data.
Step 2: Extract &Arrange Files
Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.
Step 3: Go to the Chrome Extensions Page
Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.
Step 4: Drag and Drop the Extension
Now, go to the folder where you extracted the GummyGrab extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.
Step 5: Complete the Installation
Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.
Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.
Method 2: Download GummyGrab extension for Chrome and install in Developer Mode
This is another method to install GummyGrab extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.
Step 1: Download the GummyGrab extension file
Select and download the GummyGrab extension by clicking the 'Download CRX' button on the website.
Step 2: Extract the downloaded contents
Convert the file to a ZIP file if it is in CRX format then extract the GummyGrab extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your GummyGrab extension running.
Step 3: Open Chrome Extension Setting Page
In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.
Step 4: Enable Developer Mode
After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.
Step 5: Load the Unpacked Extension
Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."
Step 6: Select the Extension Folder
Once the pop-up opens upon clicking Load unpacked, select the GummyGrab extension directory and click on the "Select Folder "button.
Step 7: Confirm and Install
After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.
Conclusion
Here we've made a step-by-step guide on How to manually install GummyGrab extension in 2 ways. We hope this guide proves helpful.
Similar Extensions
Marka 190 0 ★ 1.18MiB
Pinpasta Extension 190 2 ★ 53.12KiB
Web to Figma 190 12 ★ 945KiB
Drafito 190 0 ★ 584KiB
HTML to Figma — Import Webpages to Figma 190 1 ★ 99.73KiB
Input Ninja 190 2 ★ 2.32MiB
Save to Picflow 190 2 ★ 1.12MiB
Figma 190 27 ★ 1.36MiB
Stefan's Mastodon Tools 190 0 ★ 463KiB
tempora 190 6 ★ 4.32MiB
Pianoman 190 1 ★ 4.6KiB
CodeMode for Webflow 190 9 ★ 44.93KiB
Markflow: Copy Elements to Figma, React, etc. 190 4 ★ 1.6MiB
Page to design 190 0 ★ 134KiB
GridUp - Build smarter in Webflow 190 6 ★ 265KiB
Figma Dark Theme 190 8 ★ 18.07KiB
Webflow Extension by Peeks 190 12 ★ 43.89KiB
AidKit for Webflow 190 24 ★ 598KiB
HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design) 190 9 ★ 9.59MiB
Element to Figma 190 1 ★ 197KiB
HTML to Figma - by Builder.io 190 46 ★ 343KiB
Notes Dashboard 190 4 ★ 579KiB
Tab Notes: Simple Notepad 190 5 ★ 626KiB
SaveToFigma Clipper 190 3 ★ 333KiB