Overview:

Navigate Figma effortlessly with this comprehensive guide, designed to optimize your workflow. Learn to efficiently move through the platform, improving user experience and streamlining your design process. Gain insights into the seamless navigation process, enhancing efficiency and clarity in your Figma design journey.

1. Start by clicking the dropdown arrow next to your page title.

1 Click here

2. Next, find and select the page on the list.

2 Click on "Figma Basics"

3. Now, select the hand-shaped icon to start moving the canvas.

3 Click here

4. Drag the canvas around to your liking

4 Click here

5. Ready to leave a comment? Select the speech bubble icon or press 'c'.

5 Click here

6. Choose the exact spot on the canvas where you want your comment.

6 Click here

7. Time to type your thoughts! Click on your chosen spot, type in your comment, and press enter.

7 Click here

8. Let's view a prototype

8 Click here

9. To start the prototype, click on the triangular 'play' icon.

9 Click here

Create your own step-by-step demo

Scale up your training and product adoption with beautiful AI-powered interactive demos and guides. Create your first Supademo in seconds for free.

This workflow was created with Supademo.

Checkout Supademo Figma Plugin: Create interactive prototypes from frames (beta)

Welcome to the easiest way to create and share interactive prototypes from Figma — for free. With the Supademo Figma Plugin, you can transform your existing Figma frames into elegant, interactive prototypes.

💡
Learn more about the Figma plugin through our feature page.

Here's how it works


Supercharge Your Figma Prototyping with Supademo
This article will walk you through how to supercharge your existing Figma screens by turning them into an interactive Supademo. By the end of this post, you’ll be able to create interactive prototypes (from your existing Figma project) in a way that’s much faster than through Figma’s built-in proto…
How to Insert Links in Figma
🎨Using Figma to create realistic demos? Learn how to transform your existing Figma screens into a linkable interactive demo. Overview Transform your design creations into interactive wonders with Figma’s powerful link-inserting capabilities. This comprehensive guide provides you step by step ins…
How to export file into PDF in Figma
🎨Using Figma to create realistic demos? Learn how to transform your existing Figma screens into a linkable interactive demo. Overview Now share your designs and collaborate with stakeholders by exporting files into PDF format in Figma. With just a few clicks, transform your visuals into a univer…

Get the fastest, easiest interactive demo platform for teams

Sign up