kannonboy / sketch-gifme-plugin Goto Github PK

View Code? Open in Web Editor NEW

277.0 21.0 20.0 7.12 MB

Embed gifs and videos in your Sketch files!

Home Page: http://www.sketchgif.me/

License: MIT License

JavaScript 100.00%

sketch-plugin sketch sketch-app sketch-plugins sketch-plugin-hackathon-berlin-2017

sketch-gifme-plugin's Introduction

Gif.me for Sketch

Embed gifs and videos in your Sketch files!

Installation

Open Terminal
Install Homebrew
Run brew install ffmpeg
Download and install the latest plugin release
Select Gif me from the Plugins menu

Usage

Select an existing shape (if you'd like it filled with the gif or video. If you just want the gif dropped into your file then no need to select anything!)
Run Plugins › 🖼 Gif me
Select the gif or video you want to add (Gif.me supports all video formats that are supported by ffmpeg.
That's it! Have fun overloading your files with cat gifs, and hopefully easing the pain of designing for accessibility when gifs and video are involved.

More info

What video formats are supported?

Gifs, mp4s, and lots more. Gif.me supports all video formats that are supported by ffmpeg.

Where are the videos stored?

The videos are saved as part of your Sketch file. Note that this can make your Sketch file rather large if you embed large videos! To remove the videos, simply delete the layer displaying the video. The video will be removed the next time you save.

What happens if I don't have gif.me installed, and I open a Sketch file containing embedded videos?

If you don't have the plugin installed, you will see a freeze frame in place of the video. You can continue to work with and save the Sketch file as normal. Videos will only be removed if you delete the layer associated them.

What trickery is this?

It turns out Sketch is really fast at drawing image fills. When you import a video using gif.me, it is split into frames (currently at a fixed rate of 25 frames per second). The video layer's fill is then updated 25 times per second using each frame in sequence. This technique has a nice side effect of the video being just a regular layer, so you can use Sketch's powerful vector manipulation to create some pretty cool effects.

You can also apply the video to an existing layer by selecting it before clicking Gif me. For example, you can convert text to vectors (CMD+SHIFT+O) and then add a gif to it for text with an animated texture effect.

Using gif.me with Abstract?

Since gif.me works by rapidly updating the layer fill, using gif.me in combination with a version control plugin or application such as Abstract, means that Abstract interprets those fill updates as file changes. Which results in a seemingly endless stream of commits despite not making any real visual changes to your file. While this isn't a bug, just know this is why you keep getting those Preview & Commit messages even if you're not making any visual changes.

sketch-gifme-plugin's People

Contributors

Stargazers

Watchers

Forkers

zonkcong eliasjulian 210digitalmarketing frommainland javierm4 ianmadlenya uawns brajsf zmaplex svelizdonoso esem-szymonm thesummerrain ivyyyt jingwhale rtm3001 elsa7788 fonteinsoft lloyddavid kushal86-ux

sketch-gifme-plugin's Issues

Sketch 52: does it work?

When I use the plugin, nothing is happening. Is there any issues with the latest Sketch update?

Is there any possible to export gif file?

It works very well for me to upload the gif to sketch but is there any possible to export gif file?
Thanks!

I can't export the artboard with the gif playing

Hello to all! I can't export the arboard with the GIF inserted... It doesn't exist the option to export in .gif one only artboard? When I upload the artboard to Invision by Craft, it doesnt works too... Do you know the solution?

If I use another plugin called " Export more" it's also imposible... It only for create Gifs with diferents artboards ;)

gifme doesn't work in Sketch 46.x

Hello!

I use Sketch, Version 46.2.

Downloaded latest Homebrew and installed latest gifme-plugin.
The gifme plugin shows up in sketch and I can select a mp4 file. After selecting the file, nothing happens. I also tried it with selecting a rectangle first.

Can the videos play in Preview mode?

I'm aware that they can play in the sandbox, while you're designing, but when you're in the preview mode, can the videos play there as well?

I've also seen on the forums somewhere that if the system doesn't have gifme and there's a video attached to the sketch document, it just shows a still snapshot of the video.

Can someone let me know if having the video play in preview mode is possible? I've managed to get the video to play in design mode, trying to get it to play in preview mode.

Forgive my apparent repetitiveness, I'm recovering from a client request.

Plug in isn't working

Does the plug in not work with Sketch 48.2? I've followed all the steps, but when I click on plugins --> gif me --> select one, nothing pops up on Sketch.

No "gif.me" file exists, so no plugin available, please help.

I don't see a plugin file that says anything like "gif.me". No such item exists in my download.

(Separate complaint for anyone — why are more and more plugins crashing Sketch even when running latest verion?)

Issue with 47?

Hi!

Using Sketch 47, latest update.

Downloaded latest Homebrew and installed latest Gif.me-plugin.
Creates an artboard, adds a rectangle. Selects it.
Opens up Sketch > Plugins > Gif Me. Choose a random GIF-anim (tried several).

Nothing is revealed in Sketch. No gif-anim, no nothing.

Gif not Transparent

The background is white instead of transparent

GIFs stop playing after closing and reopening file

If I close a file and reopen it, all the GIFs will show a static image of the first frame. I can re-insert the GIFs by running the plugin again, but it's a bit of a hassle.

I wasn't sure if this is just part of the plugin or an issue I'm having.

Thanks!