This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Sindu Narasimhan
Posted Apr 02 - Read on Facebook

I have a prototype in Framer that I am looking to convert to a gif to be able to show the interactions and animations. What is the best way to do it?

15 Comments

Mike Feldstein

I usually create screen captures with Quicktime, but if you need give check out http://www.cockos.com/licecap/

Mike Feldstein

Quicktime can record parts of the screen, open quicktime player, and do file->New screen recording

Jordan Robert Dobson

Cloudapp will do a screen capture in gif or mov.

Mike Feldstein

Yeah scratch all of that and use cloudapp. I didn't know it had that.

Sindu Narasimhan

Awesome...Thanks a lot for all the input. Super helpful !

Sindu Narasimhan

cloudapp doesnt seem to be free. Or is it? I am a student and I would prefer a free alternative.LICECap seems great, but is there a way to adjust the frame rate for the gif? I see a title frame option but I am not sure if it is for that

Michael Tomkins

Maybe I'm old skool or something but I'd record using Quicktime screen cap and then drop the clip into After Effects, set FPS to 25 and spit out the frames into a folder. Then open them as an image sequence in Photoshop and save GIF for web with compression as needed.

Jordan Robert Dobson

I think it's free for the first 10 of the day.

Mike Feldstein

Why do you want gifs? Everyone's computer supports <video> now

Mike Feldstein

gifs are actually a terrible format. Very oversized files and low quality

Sindu Narasimhan

i am trying to make them my portfolio item covers. I just thought it would look a lot dribbble like

Chris Lee

LICECap is good for gifs. You can adjust the FPS at the bottom left.

Timur Nurutdinov

I usually open prototype in Frameless on iPhone and then capture it with QuickTime. Pixels are more sexy than on my Air :)

Mike Feldstein

yeah i guess on ios, you can't autoplay videos so you might need gifs

Marc Krenn

Michael, you can import .mov-files with PS and adjust the fps there as well. There's absolutely no need to export frames with AE :)

Read the entire post on Facebook