This gives you greater flexibility and control. Add images to filesĪs images are fills, you can add them to any vector or shape. For this reason, we can't guarantee that Figma will preserve all file metadata. Sometimes, Figma needs to decode and convert an image before adding it to the file.
This scales the image's original dimensions proportionally, so the longest edge is less than 4096 pixels. Note: Figma downsizes images with a width or height larger than 4096 pixels. We export animated GIFs as static images. Animated GIFs will only play back in Presentation View. We recommend layering fills and using Blend modes instead.
There are some actions you can't take with animated GIFs.
Choose which Frame of the GIF you want to display in the Editor. Keep and export metadata including Frame delay and # of Loops. View images and animated GIFs in the Figma Mirror app. There are also a few extra options for GIFs: Create overlays in Prototypes using GIFs. Apply scrolling overflow settings to GIFs. Apply masks to only show a part of the GIF. Create Styles and Components that use GIFs. Adjust the Opacity, Fill mode, and Rotation of a GIF. Scale, rotate and adjust the dimensions of GIFs. Like static mages, you can also manipulate aspects of a GIF. Figma will show any animated GIFs as static images in the Editor.Īs animated GIFs are static in the Editor, we label them as GIFs so you can identify them in the: Add images to objects in bulk with place imageĪnimated GIFs will only playback in presentation view. There are a few ways to add GIFs to your designs: This allows you to apply them to any vector shape. Like static images, animated GIFs are fills. Figma will scale any larger images so they fit within these limitations. 
Due to browser limitations, the width or height of an image must not be larger than 4096 pixels.
0 kommentar(er)
