0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma Plugin ยท Free & Premium

Turn Figma Frames Into
GIF Animations Fast

Select layers, preview the sequence, set timing and export settings, then download a GIF in one flow.

Auto Frame Loading
Per-Frame Timing
1x to 4x Export
Install Free on Figma
What Flippy Does

Build GIFs From Figma Layers With Full Timing Control

Flippy loads your selection as a timeline, gives playback and export controls, and downloads a GIF from the plugin panel.

Selection to Timeline
Core Feature

Selection to Timeline

Selection changes auto-load frames and build a thumbnail strip with frame count and current index.

Drag-to-Reorder Frames
Core Feature

Drag-to-Reorder Frames

Drag thumbnails to change sequence order. Current frame index updates so playback stays in sync.

Per-Frame Duration
Core Feature

Per-Frame Duration

Set timing per frame (ms) or use a global delay and apply it across the sequence.

Advanced GIF Export
Core Feature

Advanced GIF Export

Control loop count, quality, width/height, aspect lock, transparency, reverse playback and background.

Capability

Preview Zoom and Pan

Zoom in/out, fit to view, and pan the canvas to inspect details before export.

Capability

Watermark and Color Controls

Set export background color and watermark behavior for free vs premium licenses.

Capability

Premium Scale Unlock

Free includes 1x/2x; premium unlocks 3x/4x scale and watermark removal.

Frame Timing
Frame 1
300ms
Frame 2
500ms
Frame 3
700ms
Frame 4
450ms
Global delay updates all frames when needed.
Timeline

Auto Load, Sort,
Then Reorder

Flippy loads frames from your current selection, shows thumbnails first for fast feedback, then replaces them with full-size data. You can drag thumbnails to reorder the final animation sequence.

Selection Change Auto-LoadThumbnail FirstFull-Size UpgradeDrag ReorderFrame Index Sync
Export Settings
Loop: 0
Quality: 10
Scale: 2x
Width: Auto
Height: Auto
Reverse: Off
Transparent: Off
Export Engine

GIF Settings That Match
Your Delivery Target

Configure output dimensions, quality, loop behavior, transparency, playback direction and export scale before encoding.

Loop Count0 for infinite or set exact repeats
QualityEncoder quality presets
Scale1x, 2x, premium 3x/4x
SizeAuto or custom width/height
ReversePlay sequence backwards
TransparencyOptional transparent color key
License State
PlanFree
Scale 1x/2x
Scale 3x/4x [Paid]
Watermark ON for free exports
Free vs Premium

License-Aware Controls
Inside Export UI

The panel checks payment status on load and gates premium options in context. Free mode keeps watermark enabled and blocks 3x/4x scale. Premium mode unlocks higher scale and watermark toggle.

Payment Status SyncIn-Panel Upgrade TriggerWatermark Lock for Free3x/4x Premium GateUnlimited Export Claims
How It Works

From Selection to Downloaded GIF

Step 01
01

Select Layers in Figma

Pick frames or other supported nodes. Flippy auto-loads them into the timeline.

Step 02
02

Tune Playback

Reorder frames, set per-frame timing, and preview with zoom/pan controls.

Step 03
03

Set Export Options

Choose quality, loop, scale, dimensions, transparency and background color.

Step 04
04

Download GIF

Export and download the encoded GIF directly from the panel.

Make Animation Handoff Faster

Install Flippy from Figma Community and export timeline-ready GIFs without leaving your file.

Install Free on Figma
Auto TimelineAdvanced ExportFigma Community