
You can set your prototype's starting point, background color, and device in the Editor.
Use the Restart button or press R to return to the starting point. Interact with hotspots or enter keyboard shortcuts within your prototype. View your cursor or touch indicator (mobile device prototypes only). View the Device you selected in your prototype settings. Figma will present the device against the Background Color you selected. Set the prototype view Options and hide the toolbar or comments. Click to enter comment mode and add comments to the prototype. Click to show and hide the left sidebar. Learn how to set a device and starting point → To fix, you can set horizontal alignment for each row of frames to align-top.
If the y co-ordinate is offset in any way, then frames may appear out of order. First, by their x co-ordinate from left to right, then their y co-ordinate from top to bottom. Note: Figma orders frames based on their co-ordinates in the canvas.
If there are no prototyping connections, you can navigate through frames on the current page. Click through each screen or interact with any hotspots. If there are prototyping connections, Figma will only display those frames with connections. Your design must be within a frame to preview it in Presentation view.Ĭlick in the toolbar to access Presentation view from any file.
Use Presentation view to preview static designs, or interact with prototype connections you've created.
Build and test interactions and animations. Preview static designs on specific devices. Use Presentation view while you build and test your prototype, or when you're ready to share your prototype with others. Learn more in our Guide to prototyping in Figma. You can make connections between frames to create user flows, or pathways.
Prototypes replicate how users might interact with your designs. Anyone can adjust view options in Presentation view. Anyone with can view access to a file or prototype can interact with prototypes in Presentation view.