Pitchdeck works by loading the top level parent Figma Frames, Figma Components or Figma Instances 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 Figma Frames, Figma Components or Figma Instances 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 Figma Frames, Figma Components or Figma Instances 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.

Adding longer scrollable frames Including any Figma Frames, Figma Components or Figma Instances that are taller than they are wide (eg. 1920x2600) will automatically be turned into “scrollable” slides when presenting in the Pitchdeck Web App; this can be helpful for presenting things like website mockups or other longform “pages” in your deck.
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 Figma Frames, Figma Components or Figma Instances 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 level Figma frames required. To load any slides into Pitchdeck, your Figma page must contain at least one parent Figma Frame, Figma Component or Figma Instance. This means, any Figma Frames, Figma Components or Figma Instances that are located directly underneath your page.

Checking and unchecking slides to include

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

Refreshing your slides from Figma frames

If the Pitchdeck plugin is already running and you need to add or remove any parent Figma Frames, Figma Components or Figma Instances 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, component or instance icon button (depending on the slide layer type) next to the title of your slide in the preview window, the corresponding Figma Frame, Figma Component or Figma Instance 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.