Turn Figma frames, screenshots or a quick screen recording into a GIF for your case study, Slack or a pull request. Free, no watermark, nothing uploaded.
Add your frames
Drop images in any order, or a short video. Drag to rearrange.
Set the timing
One speed for all, or hold any frame longer. Watch it play as you go.
Download
Pick the size, loop and quality, then save your GIF.
Drop your frames or a video here
PNG, JPG, WebP or SVG frames (Figma exports work great), or a short screen recording. Files are sorted by name; drag to reorder.
Preview
Your animation plays here.
Everything runs in your browser. Your images and videos are never uploaded.
Show one interaction
A GIF works best for a single moment: a button press, a menu opening, a state change. Three to eight frames is often plenty.
Hold the important frames
Give the first and last frames a longer duration so people can read them, and keep the in-between frames quick.
Export frames at 2x, show at 1x
Export from Figma at 2x for crisp edges, then set the GIF width to the size it will appear at. Smaller GIFs load faster in Slack, email and case studies.
Fewer colours, smaller files
Flat UI screens look the same at 64 or 128 colours and come out much smaller. Keep 256 for photos and gradients.
Yes, with no sign-up, no watermark and no limit on how many GIFs you make.
No. Frames are read, put together and encoded entirely in your browser. Nothing is sent anywhere.
PNG, JPG, WebP, GIF stills and SVG frames, or a video your browser can play (MP4, WebM, MOV in most browsers). Up to 150 frames.
Use Speed for every frame, or type a duration in milliseconds under any frame to hold it longer. 100ms is 10 frames a second.
Export each frame of the flow as PNG (select the frames, Export, 2x), drop them in, and set the timing. Or screen-record the prototype and drop in the video.
GIF size grows with width, frame count and colours. Try a smaller width, fewer frames, a shorter clip or the Smaller quality setting.
More free tools
A good GIF shows a good interaction. Designing those interactions, from research to prototype to motion, is what our course teaches, with mentors, real projects and AI tools from day one.
Or practise first: Prototyping basics, Smart animate and motion design.