Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Create prototypes
  • View prototypes

View prototype connections

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

View access Connections and interactions Prototype flows Edit access

Who can use this feature

Available on any team or plan.

Anyone with can view or can edit access access can view prototype connections and flows.

Anyone with can view or can edit access to the file can view prototype flows and connections. This applies to anyone who views or accesses the file without explicit edit permissions.

People with view access can see interactions between variants in a component set (interactive components). Viewers can only see variant interactions on main components, not instances.

Note: There isn't currently a way to share a file with prototype connections turned on by default for viewers.

View access

Viewers can access all prototype connections on the current page, including any flows and starting points.

To view connections on another page, viewers can select another page in the left sidebar.

Connections and interactions

  1. Use the shortcut ⇧ ShiftE to toggle the visibility of any prototype connections. Figma will show any connections between frames, as well as the starting points for any flows.
    • Frames can have connections related to multiple flows. To view details of a specific interaction, select the connection and not the frame.
    • If a starting frame has multiple connections, select the starting frame to view all connections and interactions.
  2. View the connection details in the Properties > Interactions section of the right sidebar.
    • Type of interaction that triggers the flow.
    • Prototype action and the destination.
    • Type of prototype animation. If this is an animation that supports a direction, you'll see the origin direction next to the animation name. For example, if the next frame comes from the right and moves left, Figma will show this as Right. 
    • The easing curve for the interaction. This can be a preset value, like Ease out, or a custom easing curve. 
    • Duration of the animation in milliseconds (ms).

Interaction details as seen from right sidebar in file view-only mode

Tip: You can also toggle prototype connections from the toolbar. Select view settings (current zoom percentage) and toggle Prototyping off or on.

Prototype flows

View prototype flows in the Properties tab of the right sidebar.

  1. Deselect all objects by clicking on a blank spot on the canvas.
  2. Select Properties in the right sidebar.
  3. View a list of any Flows on the current page.
  4. Prototype connections are hidden by default for anyone with view access.
    • Select to toggle visibility on.
    • Select to toggle visibility off.
  5. Hover over the flow to view the actions you can take:

    • Select Select frame to select the starting frame in the canvas. This will also allow you to view details in Interaction section of the sidebar
    • Select Copy link to copy link to clipboard
    • Select Preview to open the flow in inline preview

View flows from right sidebar

Edit access

If you have edit access to the file, you can view and edit any prototype flows and connections. This applies to any flows and starting points, as well as variant interactions on both main components and instances.

Anyone with edit access to the file can access prototyping settings in the right sidebar. The Prototype tab allows you to view, edit, or create interactions and animations.

There are a few ways people with edit access can interact with prototype settings:

  • Select Prototype tab in the right sidebar to enter prototype mode.
  • Use the shortcut ⇧ ShiftE to open the Prototype tab and view any connections.

Note: Figma won't display the inherited connections on the canvas by default. Select the instance to view its inherited connections.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Set prototype device and background settings
  • Present prototypes offline
  • View prototypes on a mobile device
  • Play your prototypes
  • Accessible prototypes in Figma
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand