Instrument x Seth Akkerman
Projects Figma to Drive Exporting

Figma to Drive Exporting

A Figma plugin that exports frames directly to Google Drive — authenticating via temporary access token, detecting languages from frame names, and building organized sub-folders automatically

Exporting a finished campaign from Figma is one of those tasks that feels simple until you’re actually doing it at scale. You export the frames, create the folders in Drive, figure out which market goes where, drag the right files into the right folders, and then double-check everything. For a campaign running across six markets, that’s a meaningful chunk of time — and it’s entirely manual, which means it’s entirely error-prone. We built a Figma plugin to eliminate that process entirely.

How it works

The workflow is three steps: select the frames you want to export, paste in a Google Drive folder URL, and run the plugin. Authentication happens via a temporary access token — you authorize once through a standard Google OAuth flow, the plugin grabs the token automatically, and you’re connected. No need to invite a service account to the folder or manage API credentials manually. The token handles the handshake and the plugin takes it from there.

For single-language exports, it’s straightforward: select frames, point at a folder, done. The plugin finds your frames, exports them, and places them in Drive.

The multilanguage piece

Where it gets more useful for advertising work is the language detection. If you’re working with frames named using a hyphen convention — FrameName-BR, FrameName-MX_Spanish, FrameName-ESP — the plugin reads those suffixes and automatically builds sub-folders in Drive named after them. You can also specify a frame name prefix to filter down to a specific set of frames if your file has hundreds across multiple campaigns. In the demo, 21 frames across seven language variants got sorted into their respective folders without any manual intervention: US English at the top level, then Portuguese, Spanish (Mexico), Spanish (Spain), and so on, each in its own folder exactly where it should be.

The plugin also skips layers that shouldn’t be included in the export — if you have guide layers, annotation frames, or anything else marked to be ignored, it steps over them cleanly.

Why it matters

The ask was simple: stop asking designers to do file management. Every minute spent dragging exports into the right Drive folder is a minute not spent on the work that actually requires design judgment. The plugin is published to the Figma Community under Plugins > From Instrument > Figma to Drive.

Role
Creative Technologist
Tools
Figma Plugin API Google Drive API OAuth JavaScript
Metrics
Eliminated manual folder creation and file sorting across language variants
URL
https://www.figma.com/community/plugin/1590820634625903709/figma-to-drive
Video thumbnail for Figma to Drive Exporting

Multilanguage Export with Auto-Folder Organization

Multilanguage Export with Auto-Folder Organization