Once you add video to a frame, switch over to the Prototype of the right sidebar. Apply masks to only show a part of the video.Adjust the video options including the Fill mode, rotation and blend modes.Crop and re-position video applied to layers.Scale, rotate and adjust the dimensions of any layers with video.Once you’ve added a video to your file, you can edit the video in the following ways: Objects with video fills are represented on the layers panel with the icon. You can also identify layers with video fills in the Layers panel in the left sidebar. From the Fill section, you can play and preview your video fill, jump to a specific timestamp, or scrub through the video. View and update video fills in the Fill section of the right sidebar. If you add a video as a fill to an existing object, Figma uses the name and dimensions of the original object.
If you add a video straight to the canvas, Figma creates an object on the canvas with the dimensions of the original file. GIFs only playback when viewing designs and prototypes in presentation view. Note: You can also add animated GIFs to your prototypes. This must be a top-level frame, a frame that isn't nested within another layer or frame. To do so, click and hold the blue starting point flag next to the current starting frame. Move starting pointīy default, Figma uses the first connection you create as the Flow starting point. You can move a starting point to another frame. You can hide the flows sidebar and descriptions at any time. Once added, the description is displayed in the left sidebar in Presentation view.
You'll see this color behind your selected device. Set the Background color of the prototyping screen. View a Preview of how the device will look in Presentation view. You can choose which color-way you would like to use.ĭepending on the device you selected, you can specify a certain Model. For example: the iPhone 11 Pro Max comes in four different colors. Note: It's not possible to switch between orientations within a prototype. This is something to bear in mind if you have frames in your prototype across both orientations.