How to View Your Figma Website Design

Once your website design is complete, our Projects team will send you a link to preview the design for your approval. The preview link will look something like this:

View site here: Site Preview

This guide will walk you through how to navigate your Figma preview so you can get the most out of your first look at your website design.


Viewing Your Design

  1. Click the link provided by the Projects team.
  2. Your design will open in a browser-based preview.
  3. Enter the provided password to view your design.
  4. You can scroll through the preview to view each section of the design.
  5. Please note: Buttons and links are not functional in this preview—it is a static representation of your future website.

Navigating Between Pages

If your design includes multiple pages, you can move through them using one of the following methods:

Option 1: Use Your Keyboard

  • Press the right arrow key to advance to the next screen.
  • Press the left arrow key to return to the previous screen.

Option 2: Use On-Screen Arrows

  • Hover near the left or right edge of the screen.
  • Click the right arrow to move forward.
  • Click the left arrow to go back.

You can navigate the Figma preview just like a slideshow using either of these methods.

If you have any questions about viewing your Figma preview or need further assistance, please contact us at support@realstack.com.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us