How to add numbers to presentation slides in Figma

Using a presentation overlay that includes a PageNumber, create a presentation and use the Paginate plugin.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 06/19/2024 at 15:19
Last Updated on 06/19/2024 at 16:18
<p>A flower that represents Figma with the text "Add Numbers to Presentation Slides" beneath it.</p>

Using a presentation overlay that includes a PageNumber, create a presentation and use the Paginate plugin.

SubscribeFigma Resources

The following tutorial assumes that you have created a Figma design file and a Presentation Overlay.

How to create a new Design File in FigmaHow to create a presentation overlay in Figma

Step One: Create a Presentation

<p>A screenshot of Figma showing a presentation.</p>

Create a presentation, each slide must include the Presentation Overlay.

How to create a presentation overlay in Figma

Step Two: Open the Plugins Window

<p>A screenshot of Figma highlighting the plugins button on the top left.</p>

Click the Plugins button.

Step Three: Run the Paginate Plugin

<p>A screenshot of Figma showing how we used the Plugins window to search for the paginate plugin. If you click the plugin, a window show appear that allows you to run it.</p>

Search for the Paginate and run it.

Step Four: Select the PageNumber component

<p>A screenshot of Figma highlighting how we have selected a PageNumber component within our PresentationOverlay component and how it has now appeared under component in the paginate plugin window.</p>

Using the left menu bar, find a PageNumber within the Presentation Overlay.

If you select it it should now appear as the selected component within the Paginate plugin.

Step Five: Paginate

<p>A screenshot of Figma highlighting the Paginate button within the Paginate plugin window.</p>

Click the Paginate button at the bottom of the Paginate plugin window.

<p>A screenshot of Figma showing how the presentation now has page numbers.</p>

Looking to learn more about things you can do with Figma ?

Search our blog to find educational content on learning how to use Figma.

Search our BlogFigma Resources

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe