LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt

How to Connect Pages in Framer



How to Connect Pages in Framer: step-by-step guide

  1. Open your Framer project.

  2. Navigate to your page.

  3. In the right-hand panel, find the 'Link' section.

  4. Click on the add icon.

  5. Click the dropdown and choose the page you want to link to.

  6. That's it! You've successfully connected pages in Framer.

Quick answer: To connect pages in Framer, open your project, navigate to your page, and locate the Link section in the right-hand panel. Click the add icon, open the dropdown, and choose the target page you want to link to.

About this Framer tutorial

Link your project pages easily in Framer by selecting the target destination from the Link section dropdown in the right-hand panel. This guide shows how to connect Pages in Framer in 6 steps, starting with "Open your Framer project" and finishing with "That's it! You've successfully connected pages in Framer". The interactive demo above is a click-through copy of the real Framer interface, so you can rehearse each step before doing it in your own account.

Frequently asked questions

How many steps does it take to connect Pages in Framer?

6 steps. Each one is listed in order above, and the demo highlights exactly where to click.

Can I try it without changing my own account?

Yes. Clicking through the demo doesn't touch your Framer data or settings. Once you know the flow, repeat it in your own workspace.

This tutorial is filed under Framer. Related guides: How to Convert Figma to Framer, How to Create a Component in Framer and How to Create a Website on Framer. Last reviewed 05 Oct 2026.

LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt
🚀

Create your first interactive demo in minutes

No credit card required • Start building today

Start free→

This website uses cookies to enhance the user experience.

AcceptDecline