Figma Bulk Frame Exporter

WHAT IT DOES

Figma Bulk Frame Exporter is a design workflow productivity tool that streamlines the process of exporting multiple frames from Figma files. Instead of manually navigating to each frame, copying its URL, and opening it individually—a process that can be tedious when managing many frames—this script automates the preparation phase. It scans the current Figma canvas page, identifies visible frames with their names and dimensions, and presents them as a scrollable checklist. You can select individual frames, use Select All/Deselect All toggles, and bulk open selected frames in new tabs—where you can use Figma's native export functionality (select frame → Export) to export as PNG, JPG, SVG, or PDF. The script also supports copying frame names and includes configurable options for concurrent opens and background tab opening. This is ideal for UI/UX designers, design teams, and developers who need to export multiple design assets efficiently.

WHERE IT RUNS

This script operates exclusively on Figma (*.figma.com/*) as a userscript injected through the BotGentz extension. It runs within the context of your current browser tab and cannot access other tabs, bookmarks, history, or downloads. The script reads the page DOM to identify frames using Figma's selectors (.frame-node, .layer-node, .canvas-node), extracts frame names and dimensions, and opens URLs using GM_openInTab. All operations occur locally in your browser; no data is sent to external servers.

HOW TO USE

1. Open any Figma file with frames you want to export (must be in canvas view).

2. Click the BotGentz extension icon and select "Figma Bulk Frame Exporter" from the script list.

3. The panel opens on the right side of the page. It automatically scans the current page for frames.

4. Review the detected frames, showing names and dimensions.

5. Toggle "Include dimensions" to show or hide frame dimensions in the list.

6. Set "Max concurrent opens" (default 3) to control how many frames open simultaneously.

7. Toggle "Open in background" to keep your current tab focused while frames open.

8. Check the boxes next to frames you wish to export. Use "Select All" or "Deselect All" for quick selection.

9. Click "Open Frames" to open selected frames in new tabs. Each tab will be a direct link to the frame.

10. In each tab, use Figma's native export feature: select the frame → click Export → choose format and settings.

11. Alternatively, click "Copy Frame Names" to copy all selected frame names to your clipboard.

WHY IT WORKS WHERE OTHERS FAIL

Many Figma automation tools attempt to call Figma's internal API or use complex plugins with authentication requirements. This script takes a different approach: it works directly with Figma's web interface, reading frame information from the visible DOM and leveraging Figma's native URL structure. Each frame in Figma has a unique URL that can be opened directly, and the script constructs these URLs from the frame data it extracts. By opening frames in new tabs rather than trying to automate the export process itself, it avoids the need for API keys, plugin installations, or complex permissions. The script's frame detection uses multiple selector strategies to handle different Figma UI layouts, making it resilient to interface updates. The configurable concurrency and background tab options give users control over their browsing experience while preparing multiple frames for export.

THE PANEL

The script uses BotGentz's BGPanel system, which provides a floating, draggable panel on the right side of your screen. Drag the panel by its header to reposition it anywhere on the page—the panel remembers its position per site and snaps to the nearest edge when released. Click the minimize button to collapse the panel to a small floating bubble; click the bubble to expand it back. Resize the panel vertically by dragging its bottom edge. Press the Escape key to close the panel entirely. All panel state (position, collapsed/expanded) is persisted locally using GM_setValue, so your preferences survive page reloads.

PLEASE NOTE

This userscript requires the free BotGentz browser extension—it is not a standalone application. Figma periodically updates its website layout and UI components; if the script stops working, an updated version may be released. The script opens frames in new tabs—it does not perform the actual export. You will need to use Figma's native export feature in each tab. Opening many tabs simultaneously may impact browser performance; adjust the concurrent limit accordingly. This script does not store, transmit, or process any of your Figma data outside your local browser. It does not access your password, hidden inputs, or file inputs. All frame detection and tab opening occurs entirely within your browser.