# Using Pitchdeck

# Designing your presentation slides

Pitchdeck works by loading the top level parent frames from the current Figma page via the Pitchdeck Figma plugin, and treating each frame as a "slide" for your presentation.

# Adding slides to your deck

Any top level frames that you add to your Figma page will be treated as slides in the Pitchdeck plugin. For the best results, please ensure that all of the frames you want to use for slides are all the same size. Using a consistent frame size at a 16:9 ratio (eg. 1280x720 or 1920x1080) tends to work best for presenting on most screens.

Rotated parent frames will affect element positioning

Please note that using a parent frame that has rotation (any non-zero value), will affect the x/y positions of its children. This can sometimes happen by accident if you initially created a portrait frame, then rotated it to landscape. To ensure that everything is positioned correctly, please ensure that your parent frames don't have any rotation on them.

# Selecting a slide to edit

You can switch between your slides in the plugin by clicking on the image thumbnail for each frame in the left hand side of the Pitchdeck plugin.

Parent frames required

To load any slides into Pitchdeck, your Figma page must contain at least one "Parent Frame". This means, any "frames" that are located directly underneath your page.

# Checking and unchecking slides to include

You can include (or exclude) any frame from being used in your presentation by clicking on the checkbox next to the frames in the left hand side of the Pitchdeck plugin.

# Ordering your slides using quick sort options

There are a number of different ways to sort the order of your frames for your presentation slides:

# Sort frames by Figma Layer Order

Selecting the Sort frames by Figma Layer Order option will automatically sort your the order of your frames to match their order in your Figma layers.

# Sort frames visually by Columns

Selecting the Sort frames visually by Columns option will automatically sort your the order of your frames to match their visual positioning order by columns in your Figma design.

# Sort frames visually by Rows

Selecting the Sort frames visually by Rows option will automatically sort your the order of your frames to match their visual positioning order by rows in your Figma design.

# Ordering your slides using drag and drop

You can manually sort the order of your slides using drag and drop, by clicking/holding your mouse on the drag icon (next to any of your slides), and dragging it up or down to shift its order in your uploaded frames, then dropping it to confirm that order. This custom ordering will be saved if you want to switch between ordering options, so you can get it back by clicking the Sort frames by Custom Order option in the sorting select box.

# Refreshing your slides from Figma frames

If the Pitchdeck plugin is already running and you need to add or remove any parent frames on your current Figma page, you can make those updates as needed and then click on the Refresh icon button in the Pitchdeck plugin toolbar.

# Auto-scrolling slides into view

To easily switch between editing slides, Pitchdeck automatically scrolls a slide into view in the preview window when it's corresponding layer (or child layer) is clicked on the Figma page.

This also works the other way around, where if you click on the frame icon button next to the title of your slide in the preview window, the corresponding Figma frame will be automatically scrolled and zoomed into view on your Figma page.

# Resizing the plugin window

If you're using a bigger (or smaller) computer monitor, Pitchdeck allows you to resize the plugin window to make it easier to use and view the timeline depending on the size of your screen. You can resize the window from smaller to larger (4K) sizes by clicking on the size dropdown in the main plugin header menu.

# Animating your slides

You can animate any direct child layer in the parent frames in your slides by applying keyframe presets, speeds and timing offets to them.

Animations are only used for web presentations

Please note that any animations you add will only be used in a presentation uploaded to the Pitchdeck web app; this means that no animations will be included in your PowerPoint/Keynote/Google Slides exports or PDF file exports.

# Choosing a preset animation style

Pitchdeck comes with dozens of pre-defined keyframe based animations, which are grouped into 3 categories:

  • Entrances
  • Transforms
  • Advanced

To set an animation, ensure that the Animations tab is selected, then hover over the layer you would like to animate in the Pitchdeck layers list and click on the select box. Scroll through the list of animations and click on an animation name to apply it to your layer. You'll see the slide preview update instantly with the new animation applied.

# Changing the animation speed

You can adjust the speed and delay of your animations by clicking down on the left/right edges of the timeline bar for your layer, then holding and dragging with your mouse to adjust the length of your animation and it's start/end point.

You can shift the location of your animation on the timeline by clicking down on the middle of the timeline bar for your layer, then holding and dragging with your mouse; moving it either left or right to change where it is placed in your timeline.

# Copy/pasting animations between layers

# Creating custom keyframe animations

If you need a specific animation that isn't available in the animation presets included in Pitchdeck by default, you can create your own custom timeline animation by adding custom keyframes with your own x, y, scale, rotation and opacity properties.

# Opening the custom animations panel

To open the custom animations panel, click on the Animations button in the main Pitchdeck header. This will open up the custom animation panel, where you'll be able to start adding your own keyframe animation.

# Creating custom animation keyframes

When you open the animations panel, you'll see 2 keyframes; the first keyframe (0%) and the final keyframe (100%). These are added by default and can't be removed, as a keyframe animation needs at least one frame to start the animation from and a keyframe to show where it ends.

# Selecting a keyframe to edit

You can instantly swap between any keyframes by clicking on a keyframe under the Animation Timeline near the top of the custom animations panel. Clicking on a keyframe will allow you to edit the properties for that specific keyframe.

# Inserting new keyframes

You can easily add more keyframes in between the default start/end (0%/100%) keyfarmes to create more complex keyframe animations. To add a new keyframe to your timeline, enter your new keyframe percentage (eg. 50) in the input field, then click on the Insert New Keyframe button to insert a brand new keyframe at that percentage in the timeline.

Any new keyframe that you add will automatically be created with the same properties that your currently selected keyframe contains; this allows you to easily adjust properties based on other keyframes you've already added. Your newly added keyframe will also be automatically selected after you click the Insert New Keyframe button.

# Editing keyframe properties

You can edit 5 different properties for any of your animation keyframes. Any differences in properties between your keyframes will automatically be animated; for example, setting scale to 2x on the 0% keyframe, and setting scale to 1x on the 100% keyframe will automatically create a "shrinking" animation.

  • The X property will animate your element's left/right pixel position.
  • The Y property will animate your element's top/bottom pixel position.
  • The Opacity property will animate your element's transparency percentage.
  • The Rotate property will animate your element's rotation degrees.
  • The Scale property will animate your element's size.

# Copying and pasting keyframe properties

You can copy/paste properties from one keyframe to another by first selecting the keyframe you would like to copy the properties from, clicking the Copy Properties button, then selecting the keyframe you would like to paste the copied properties to, then clicking the Paste Properties button to paste the copied properties onto the selected keyframe.

Copied properties are only available until the panel is closed

You can copy and paste properties from/to any keyframes in your animations while the custom animations panel is open, any copied properties will be not be available to paste after you close the custom animations panel.

# Deleting keyframes

To delete an keyframe, click any keyframe under the Animation Timeline to select it, then click on the Delete Keyframe button to delete your keyframe from the timeline. Please note, that you can't delete the 0% or 100% keyframes, as these are default keyframes required for your animation timeline.

After you delete any keyframe, the 0% keyframe will automatically be re-selected as the active keyframe to edit.

Deleting a keyframe animation will permanently delete it

When you delete any of your keyframes, it will be permanently removed from your timeline and you won't be able to undo the deletion. However, you are able to Copy Properties of a keyframe, delete it, then paste your deleted properties in a different keyframe while you're still editing your animation timeline.

# Using the live preview to see your animation

To easily see how your animation is looking based on the keyframes and their properties that you've updated, you can look at the Live Preview area, which sits right next to your keyframe properties, and directly underneath the animation timeline. Any changes you make to your keyframes, properties or easing will automatically be shown in the live preview.

You can adjust the playback speed of the live preview

If you want to see how your custom animation looks at different speeds, you can change the playback speed in the live preview by dragging the Preview Speed slider left and right to increase and decrease the playback speed.

# Setting the animation easing

You can choose what kind of easing you need your animation to have by choosing an option from the Easing select box. Easing is automatically applied to your entire timeline, and will update the Live Preview area so you can see how your selected easing changes how your keyframe animation moves.

You can choose from the following easing options:

  • Ease (Default)
  • Linear
  • Ease In
  • Ease Out
  • Ease In Out

# Saving your new custom animation

To save your new animation, give your animation a name by filling in the New Custom Animation Name input text field, then click the Add New Animation

Custom animations will only be saved/available to the current Figma file

Saving an animation makes it available to any page inside your current Figma file; however, your saved animations won't show up if you run Pitchdeck inside a completely different/new Figma file, as the animations are saved directly to the Figma file and can't be transferred to another file. You will need to re-create any new animations in any new Figma files; alternatively, you could setup a new page in the current Figma file, where your saved custom animations from this Figma file will still be available to use.

# Using your saved custom animations

Once you've saved at least one custom animation, you will be able to use them in your slides by clicking on the entry animations and exit animations select boxes in your layers timelines; you will see a new group in the select box options called Custom Animations, where you'll be able to see all of the custom animations that you've saved.

As with other preset animations, you can also apply your custom animation in bulk by using the bulk apply feature.

# Updating your saved animations

To update a custom animation that you've previously saved, choose the animation you'd like to update from the Your Saved Animations select box; this will load up your saved animation and its keyframes into the custom animation panel.

Once you've chosen the saved animation, you can edit your keyframes and properties as needed. Once you're happy with the updates, click the Update Saved Animations button to save the changes and override the previous animation keyframes.

Please note, updating a saved animation will automatically apply the updated keyframes to any layers in your slides that was already using the custom animation you've just updated.

Create a new animation based on a saved animation

If you want to load in a saved animation and modify it, but not "override" the saved version, you can create a new animation from it by entering in a New Custom Animation Name and clicking the Add New Animation button.

# Deleting your saved animations

To delete an animation, select any option under Your Saved Animations to load in the animation, then click on the Delete Saved Animation button to delete your saved animation.

Deleting a saved animation will permanently delete it and remove it from your layers

When you delete any of your saved animations, it will be permanently removed from Your Saved Animations list. Any layers in your slides that were using the deleted custom animation will be changed back to having no animation applied.

# Embedding GIFs/video to your slides

You can embed media to any direct child layer in the parent frames in your slides by pasting a URL (linking to to a .gif file, .mp4 file or a YouTube/Vimeo video) or using the built-in search options (powered by GIPHY (opens new window) and Pixabay (opens new window)).

# Searching/inserting GIFs to your slides

To add GIFs using the built-in GIPHY search integration, you can click the GIFs/Videos tab, then hover over the child layer where you would like to embed the GIF; then click on the GIPHY button to open the search panel. Type a keyword in the search field, then click the Search button to load the list of GIF results for your keyword search.

To insert a GIF result into your selected layer, you can click on any of the GIF thumbnails in the GIPHY search results list.

To remove a GIF from any layer, you can delete the URL from the text input field for that layer.

You can embed your own .gif URLs

If you have a GIF hosted on your own website or another website that you would like to embed, you can manually paste the valid direct link to the .gif file into the embed text input.

GIFs inside the Figma document are not supported

Due to GIF exports not being natively supported in Figma, any GIFs added "directly" inside your Figma designs won't be animated. To use animated GIFs, please only add them as URLs inside the Pitchdeck plugin instead.

# Searching/inserting stock videos to your slides

To add stock videos using the built-in Pixabay search integration, you can click the GIFs/Videos tab, then hover over the child layer where you would like to embed the video; then click on the Pixabay button to open the search panel. Type a keyword in the search field, then click the Search button to load the list of stock video results for your keyword search.

To insert a video result into your selected layer, you can click on any of the video thumbnails in the Pixabay search results list.

To remove a stock video URL embed from any layer, you can delete the URL from the text input field for that layer.

You can embed your own .mp4 URLs

If you have a MP4 video hosted on your own website or another website that you would like to embed, you can manually paste the valid direct link to the .mp4 file into the embed text input.

Videos are only used for web presentations

Please note that any video embeds that you add will only be used in a presentation uploaded to the Pitchdeck web app; this means that no videos will be included in your PowerPoint/Keynote/Google Slides exports.

# Embedding external video URLs to your slides

To add external video URLs from YouTube (opens new window) and Vimeo (opens new window), you can click the GIFs/Videos tab, then hover over the child layer where you would like to embed the video; then paste any valid video URL from YouTube or Vimeo into the text field to embed it.

To remove an external video URL embed from any layer, you can delete the URL from the text input field for that layer.

Videos are only used for web presentations

Please note that any external video embeds that you add will only be used in a presentation uploaded to the Pitchdeck web app; this means that no videos will be included in your PowerPoint/Keynote/Google Slides exports.

Toggle autoplay for YouTube/Vimeo embeds

By default, YouTube and Vimeo video embeds will be set to autoplay when the slide it's on loads; you can toggle this by clicking on the Autoplay (YouTube/Vimeo) toggle switch under the embed URL. Please note, that this setting will be ignored if you're presenting a web presentation via the remote control; in this case, videos will always autoplay, as you're likely away from the computer/mouse.

# Scaling your GIF and MP4 video embeds

You can select the way your GIF embed is scaled by using the Scale select box located directly underneath the URL input.

  • Selecting the Fill GIF/MP4 option will ensure the GIF covers your entire layer, with some possible outer cropping.
  • Selecting the Fit GIF/MP4 option will ensure the entire GIF is included inside your layer, with some possible blank space either on the left/right or top/bottom.

To add a link to another slide on any child layer in a slide, you can click the URL/Slide Links tab, then hover over the child layer where you would like to attach a clickable link; then select the slide you would like to link to from the drop down menu.

To remove a slide link from any layer, ensure the dropdown option selected is set back to Link to an external website URL, and then ensure the URL text input field for that layer is also empty.

To add external clickable URL to any child layer in a slide, you can click the URL/Slide Links tab, then hover over the child layer where you would like to attach a clickable link; ensure the dropdown option selected is Link to an external website URL, then paste any valid URL into the text input field.

To remove a URL link from any layer, you can delete the URL from the text input field for that layer.

Email links are supported

If you need to link to an email address (instead of a website URL), you can enter the format of mailto:your@email.com in the text input field, which will open an email link instead of a website.

# Adding speaker notes to your slides

You can add speaker notes to each slide by clicking on the Speaker Notes text area and typing or pasting your notes for that slide in the field. Your slide notes will be included in any PowerPoint/Keynote/Google Slides export, and also viewable from the presenter mode in the Pitchdeck web app.

# Exporting your speaker notes to a text file

You can instantly export all of the speaker notes you've added to your slides in the Pitchdeck plugin by clicking on the export icon button in the Speaker Notes area at the bottom of the plugin window. This will let you save a .txt file containing all of your notes to your computer.

File downloads from Figma

If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).

# Spell checking your slides

The Spell Check Layers feature in Pitchdeck works by checking every text layer on your page for spelling errors, and provides suggestions to correct any misspelled words.

# Selecting the spell checking language

To get started with this feature, click on the Spell Check icon button in the plugin subheader. When the settings panel opens, you can select the language of the text you would like to spell check by clicking on the Language select box and changing the language that matches your Figma text content.

# Finding spelling mistakes in your text layers

Once you've selected your language, you can click the Find Spelling Mistakes button to begin searching every text layer on the current Figma page for spelling mistakes.

More Figma text layers will take longer

The more text layers in your Figma file, the longer it will take to find spelling mistakes.

# Zooming in on text layers that contain spelling mistakes

Once the search is complete, you will see a list of words that contain spelling mistakes.

To instantly see where each text layer is in your Figma file, you can click on any word in the results list to expand it and show the frame(s) where the text is located in your page; clicking on the Search icon next to any of these frames will instantly move the focus of your Figma page to show where the text layer is located.

# Applying spelling corrections to text layers

To apply a correction to a word that contains a spelling mistake, you can click on any of the suggestion buttons underneath each word; clicking on any of the buttons will instantly change the word to the new suggested word in each of the locations where it exists.

# Undoing spelling corrections to text layers

To undo a correction you made to a word, you can click the Undo button besides the "corrected to" notification after a suggestion was applied; clicking on the Undo button will instantly change the corrected word back to the original word in each of the locations where it exists.

# Exporting your slides to a .pptx file

This export option will export your slides from Figma to a .pptx file that you can open with Microsoft PowerPoint (opens new window), Apple Keynote (opens new window) or Google Slides (opens new window).

To use this option, click the Export Presentation button in the Pitchdeck toolbar, then ensure that either the PowerPoint (.pptx file), Keynote (.pptx file) or Gooogle Slides (.pptx file) option is selected as the presentation export format. Once you've configured your export settings, you can click the Export button to begin exporting your slides.

Animations and videos won't be included in the exported .pptx file

Please note that any animations or video embeds included in the Pitchdeck plugin won't be included in your PowerPoint export. These are only used for a presentation uploaded to the Pitchdeck web app.

# Configuring .pptx export settings

# Using Retina @2x Images

Enabling the retina image option will automatically export any JPG and PNG images at retina (@2x) resolution. This will give you sharper looking images in your presentation, but will also increase the file sizes of any JPG and PNG images.

# Compressing images

Enabling the image compression option will compress any JPG and PNG images used in your presentation. By dragging the Image Compression slider left and right from 0-100 (Lowest Quality - Best Quality), you can specify the quality of the image. Moving the slider closer to 100 will result in better quality images, but larger file sizes. Moving the slider closer to 0 will result in worse quality images, but also smaller file sizes.

# Using editable text (BETA)

Enabling the Use Editable Text (BETA) option will export your .pptx file with text that can be edited in PowerPoint/Keynote/Google Slides. When this option is not enabled, all text will be exported as text. Please note that there may be some minor visual differences between editable text in PowerPoint/Keynote/Google Slides and Figma.

Ensure that any custom fonts are installed/replaced

Please note that opening the exported .pptx file on a computer which doesn't have the fonts used in Figma installed will cause the text to look different than it does in the Figma design. Please ensure you install any required fonts or replace/substitute any missing fonts in PowerPoint/Keynote/Google Slides where needed.

# Including slide numbers

Enabling the Include Slide Number option will export your .pptx file with page numbering included. This will automatically add a page number to each of your slides in the position you've specified. To change the position of your slide numbers, you can click on the select boxes for horizontal (to select from Left, Center or Right) and vertical (to select from Top, Center or Bottom) positioning.

# Downloading your .pptx file

After clicking the Export button, you'll see a confirmation screen letting you know that your .pptx file is ready to download. To download the .pptx file from Figma to your computer, you can click the Download your .pptx file button in the Pitchdeck plugin.

File downloads from Figma

If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).

# Exporting your slides to a .pdf file

You can export your presentation to a static PDF file by clicking the Export Presentation button in the Pitchdeck plugin toolbar, and ensuring the PDF Deck (.pdf file) option is selected, then clicking the Export to PDF button. Once the PDF export has completed and the confirmation message appears, click the Download your .pdf file button to save the file to your computer.

If you've specified a password, you'll also be able to copy it to your clipboard by clicking on the Copy icon button next to the password field.

File downloads from Figma

If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).

URL links are not included in PDF exports

Please note that any URL links that you added using the Pitchdeck plugin will not be included in your PDF file exports.

Gradient fills in PDF exports

If you're exporting slides to PDF that contain gradient fills inside any vector paths, you can enable the Vector Path Gradients setting to ensure the gradient is rendered as expected. If you don't need this option, there's no need to enable it.

# Adding password protection to your PDF

If you would like your exported PDF file to require a password before it can be opened, you can enable the Require a password to open the PDF file setting, then set your own password in the password input field. Ensure that you give this password to anyone you're sending the exported merged PDF file to, or they won't be able to open the file to view its contents.

Browser Support

Due to browser compatibility issues, the Export to PDF feature in Pitchdeck isn't supported in Safari. Please run the plugin in another browser (like Chrome (opens new window)) or the Figma Desktop App (opens new window) instead.

# Uploading your slides to the Pitchdeck web app

This export option will upload your slides from Figma to the Pitchdeck web app, automatically generating a URL and password that will allow you to present your slides online using your web browser; complete with your animations, GIF/video embeds and clickable links, and lots of other neat features.

To use this option, click the Export Presentation button in the Pitchdeck toolbar, then ensure the Pitchdeck Presentation (Web URL) option is selected as the presentation export format. Once you've configured your export settings, you can click the Upload Web Presentation button to begin uploading your slides.

Multiple presentation URLs

Each "Page" in a Figma file is assigned a unique presentation URL by the Pitchdeck plugin, so updates made to the deck and re-uploaded within that page will update the presentation on that page's URL.

To have multiple URLs, creating a new "page" via the left hand column in Figma inside your file (or just creating a new Figma file) will create a brand new URL/password specific to that page once it's uploaded for the first time via the plugin.

Duplicating a file will duplicate its URL/password

Please note that "duplicating" a Figma file will also carry over its URL/password from the original once, so it's always best to create a blank one if you need a new URL.

This allows you to maintain a separate presentation deck per page within a Figma file (or just use entirely separate Figma files to do this). You can have an unlimited amount of presentation URLs this way.

URLs will expire after 30 days of not being viewed

Presentation URLs will automatically expire after a 30 day period of inactivity (30 days after the link was last accessed and viewed); if you would like to re-activate the URL after it has expired, simply run Pitchdeck in the Figma file and use the Upload Web Presentation button again.

# Using Retina @2x Images

Enabling the retina image option will automatically export any JPG and PNG images at retina (@2x) resolution. This will give you sharper looking images in your presentation, but will also increase the file sizes of any JPG and PNG images.

# Compressing images

Enabling the image compression option will compress any JPG and PNG images used in your presentation. By dragging the Image Compression slider left and right from 0-100 (Lowest Quality - Best Quality), you can specify the quality of the image. Moving the slider closer to 100 will result in better quality images, but larger file sizes. Moving the slider closer to 0 will result in worse quality images, but also smaller file sizes.

# Copying your presentation URL and password

Once the upload has completed, you'll be able to copy the secure URL and password to view your presentation in the browser, using the Pitchdeck web app.

URL and password details can be accessed in the plugin later

If you need to copy these URL and password details again later, you can do this by clicking the Export Presentation button in the Pitchdeck plugin toolbar, and ensuring the Pitchdeck Presentation (Web URL) option is selected. You will be able to copy/paste your URL and password details under the Active Pitchdeck Presentation section.

# Using a passwordless URL (auto login)

If you don't want to use a URL/password combo for your presentation, you can copy the Passwordless URL (Auto Login) link, which will automatically log you in upon visiting the page in your browser.

QR code version can be found on the upload confirmation screen

If you would like to easily open up the presentation link on your phone/tablet, you can scan the Passwordless URL (Auto Login) QR code on the upload confirmation screen, which will automatically log you in upon visiting the page in your browser.

# Deleting your uploaded presentation URL

You can delete your uploaded presentation URL that you've generated using the Pitchdeck plugin by clicking the Export Presentation button in the Pitchdeck plugin toolbar, then enabling the toggle option: I would like to delete the active URL; enabling this toggle will allow you to click the Delete Presentation URL button.

You will see a confirmation message letting you know that the presentation URL was deleted.

Deleting the URL means anyone with the link won't be able to see it anymore

Clicking the Delete Presentation URL button will delete the uploaded presentation URL. Anyone with that URL won't be able to view the presentation anymore. However, you can always re-upload the presentation at anytime by clicking the Upload Web Presentation button again, if needed.

# Using the Pitchdeck web app

The Pitchdeck web app allows you to present your uploaded slides in the browser, using the URL and password generated in the Figma plugin.

# Opening your presentation

Once the upload has completed, you'll be able to copy the secure URL and password to view your presentation in the browser, using the Pitchdeck web app.

URL and password details can be accessed in the plugin later

If you need to copy these URL and password details again later, you can do this by clicking the Export Presentation button in the Pitchdeck plugin toolbar, and ensuring the Pitchdeck Presentation (Web URL) option is selected. You will be able to copy/paste your URL and password details under the Active Pitchdeck Presentation section.

# Using a passwordless URL (auto login)

If you don't want to use a URL/password combo for your presentation, you can copy the Passwordless URL (Auto Login) link, which will automatically log you in upon visiting the page in your browser.

QR code version can be found on the upload confirmation screen

If you would like to easily open up the presentation link on your phone/tablet, you can scan the Passwordless URL (Auto Login) QR code on the upload confirmation screen, which will automatically log you in upon visiting the page in your browser.

# Showing and hiding the bottom toolbar/menu

The Pitchdeck web app toolbar will automatically be shown for 10 seconds before fading away; you can access it again at any time by hovering over the bottom of the screen, which will reveal the toolbar, and then automatically fade away instantly by hovering the mouse outside it again.

You can navigate between your slides in the Pitchdeck web app by clicking on the Prev and Next buttons in the Pitchdeck web app toolbar at the bottom of the page, or by pressing the Left Arrow or Right Arrow keys on your keyboard. Pressing the Space key on your keyboard will also move to the next slide.

# Jumping between slides in your presentation

If you need to jump directly to a certain slide in your uploaded presentation, you can use the slide selector in the Pitchdeck web app toolbar at the bottom of the page. Clicking on any of the slides in the select box options will instantly jump to viewing that specific slide.

# Toggling slide numbers

You can show visible slide numbers in your presentation by clicking the Numbers button in the Pitchdeck web app toolbar at the bottom of the page.

Automatically enable page numbers via the share URL

To automatically enable numbers when sharing a link, you can add a "numbers=1" query string parameter to the end of your Pitchdeck URL (eg. "slides/xxxxxx?numbers=1" or "slides/xxxxxx?token=xxxxxx&numbers=1", if you're using an auto-login URL).

# Using the pointer overlay

You can enable a pointer overlay by clicking the Pointer button in the Pitchdeck web app toolbar at the bottom of the page. This will show a pointer overlay on your presentation. You can change the default pointer (the red laser) to something else by clicking on another pointer in the list of pointer options available above the Pitchdeck web app toolbar while the pointer is active.

When the pointer is active, you can move your mouse around the screen normally to act as the pointer, displaying the pointer cursor you've selected.

Clicking the Pointer button again, while the pointer is active, will hide the pointer and the cursor options from your presentation.

# Downloading your speaker notes

You can download all of the speaker notes from your presentation to a .txt file by clicking on the Download Notes button in the Pitchdeck web app toolbar at the bottom of the page.

Notes also viewable in speaker mode

Besides using the Downdload Notes option, you can also view your speaker notes by using the Speaker Mode (or Remote) option.

# Toggling fullscreen mode

If you would prefer to view your presentation in full screen mode (instead of the windowed browser), you can click on the Fullscreen button in the Pitchdeck web app toolbar at the bottom of the page. You can exit fullscreen mode at any time by pressing the esc button on your keyboard, or clicking on the Fullscreen icon button again.

# Recording your designs to a video file

You can record your presentation in the Pitchdeck web app by clicking on the Record button in the Pitchdeck web app toolbar at the bottom of the page. This will prompt you to allow the page to access screen sharing and audio. Once you've done this, you'll be able to select the browser tab as the source that you would like to share and record.

To stop the video recording, you can click on the Stop button in your browser or click the Record icon button again.

Stopping the recording will automatically download your .webm video to your computer's default download folder.

Video will be auto downloaded if the tab is closed

Just in case you accidentally close the tab while the screen is being recorded, the Pitchdeck web app will automatically stop the recording and download the video file, recorded up until the time that the tab was closed.

# Opening and viewing your recorded video file

After the .webm file save been downloaded, you'll be able to upload it to your own website, send it to someone via Slack (or another method) or edit/convert it to another video. The easiest way to open the downloaded video file is to drag the downloaded file into your web browser, and using that to play it back.

# Activating the webcam overlay

You can use your webcam as a draggable/resizable overlay to sit over your presentation in the Pitchdeck web app by clicking the Webcam button in the Pitchdeck web app toolbar at the bottom of the page. This will prompt you to allow the page to access your webcam. Once you've done this, you'll be able to see your webcam sitting over the presentation area.

To change the position of the webcam overlay, you can click and drag your mouse on the overlay and move it to a new position anywhere on the screen. To resize the overlay, click on the overlay, then click and drag your mouse on the square anchor points around the square.

# Using the speaker mode remote

Speaker mode allows you to control your presentation from a different screen, or by using your phone/tablet.

# Using speaker mode to present from another screen

To open speaker mode in a new window from your main presentation window, you can click the Speaker Mode button in the Pitchdeck web app toolbar at the bottom of the page. This will pop-out a new window that you can drag onto a second screen, allowing you to control your presentation from one screen, while having the main presentation on a different screen.

You can navigate between your slides in speaker mode by clicking on the Prev and Next buttons in the speaker mode toolbar at the bottom of the page, or by pressing the Left Arrow or Right Arrow keys on your keyboard. Pressing the Space key on your keyboard will also move to the next slide in the main presentation window.

If you need to jump directly to a certain slide in your presentation, you can use the slide selector left hand side of the page. Scrolling through your slides and clicking on any of them will instantly jump to viewing that specific slide in the main presentation window.

# Changing the font size of your speaker notes

To toggle between different font sizes for your speaker notes, you can click the Font Size button in the speaker mode window; clicking the button will cycle through 18px, 22px, 26px and 30px font sizes. This can be useful if you're standing further away or closer to the screen while presenting.

# Using the presentation timer

To keep track of how long you've been speaking, you can use the presentation timer built-in to the speaker mode window. The timer will start automatically upon opening the speaker window, but you can click Pause at anytime to pause the timer; clicking Reset will restart the timer back to 00:00:00; clicking Start will resume the presentation timer.

# Toggling slide numbers

You can show visible slide numbers in your presentation by clicking the Numbers button in the speaker mode toolbar at the bottom of the window.

# Controlling the pointer

You can enable a pointer overlay by clicking the Pointer button in the speaker mode toolbar at the bottom of the window. This will show a pointer overlay on your main presentation window. You can change the default pointer (the red laser) to something else by clicking on another pointer in the list of pointer options available above the speaker mode toolbar while the pointer is active.

When the pointer is active, you can click/hold and drag your mouse around the pointer pop-up area in the speaker mode window to act as the pointer, which will control the position of the pointer on the main presentation window.

Clicking the Pointer button again, while the pointer is active, will hide the pointer and the cursor options in your main presentation window.

# Using your phone or tablet as the speaker mode remote control

To use your phone or tablet as a remote control for your presentation, you can click the Remote button in the Pitchdeck web app toolbar at the bottom of the page. This will open an overlay showing a QR code; scanning the QR code with the camera on your phone/tablet will open a new page in the web browser on your phone/tablet, allowing you to control your main presentation window wirelessly.

Controls in the phone/tablet are the same as the speaker mode window

Using the Remote option will load up the same remote control as the Speaker Mode option on your computer, with an optimized interface for smaller screens. For help using these controls, please see the documentation above.