presentation slides figma

Resources and tips around creating and designing slide decks, general presentation guidance, and tool workflows and pro-tips.

Using Figma for Presentations: 2021 Update

January 23, 2021

In 2017, I published Using Figma for Presentations . At the time, Figma was still in beta (and didn’t even have prototyping yet!), and most design teams I knew were skeptical about it as a tool — and of collaborative designing as a concept.

Since then, Figma has grown to hundreds of thousands of users, with design teams from some of the most recognizable brands in the world using it daily. Also, since then, I joined and left Figma as a design education manager and community advocate, and have started my presentation design agency, Zacht Studios .

I’m still betting on Figma to be a significant player in the presentation tool game. I wanted to update that 2017 article with the new strategies I’ve learned and the new Figma features added since to create and present with Figma even better.

First, I like to set up a new Figma file with the intention of creating a presentation:

Template Slides

I like to stick these on a separate page in my Figma file to keep my documents tidy.

Using Figma Components, create the base of each slide type. For example, a title slide, a section break, a top title, and a blank slide with just a footnote.

Since I am setting these as Components, I can use them in this file, and I will also publish them to the Team Library, so anyone at Zacht Studios can access them.

The next step is to go back to that original page and start making a deck. I create a new Frame of the same size and place an Instance of one of my Template Components inside it. The reason I do this, instead of just placing an Instance on the canvas by itself, is because I’m going to want to layer other content on top of it.

Figma Instances support Overrides. An override is changing a property of an object that is part of the Component. In this case, that could be changing the title of a slide, or it could be something like changing the color or typeface of an element just in one instance. The benefit here is, for example, having a 30 slide presentation created, with each slide having unique content, and then being able to make changes to the template layout rather than each individual slide separately.

You can also set Styles in your file — or use existing Styles from your Team Library — to adjust type and color choices (among other things) across multiple slides at once, including the template slides.

Before I get too far in the content-creation process, I like to set up some additional structure for my slides:

Figma’s grids are powerful. For me, they help maintain consistency, a critical piece of good presentation design . I usually use just one grid layout of columns for an entire project, but there is a lot of flexibility in Figma if you feel comfortable using multiple grid systems. You can pick any Frame to start with and then save your grid layout as a Style. Then you can use it on any Frame.

Auto Layout

Figma’s auto layout helps maintain spacing rules that you create. Much like Grids, it is another structure that can help maintain consistency.

Now that I have foundational structures in place to lay my content out with confidence, I can use these additional Figma features to mimic more traditional presentation tool features:

Any text or text box in Figma can become a hyperlink. Select the text you want to add a link to and the chain icon appears in the toolbar at the top-center of the interface. These are clickable in the Presentation view (more on that in a second) and in exported PDFs. You can also add hyperlinks in Comments.

You can export your deck as a single PDF file by going to File > Export frames to PDF. Figma will generate a PDF with every Frame on the current Page — another reason to set up your Template Slides on a separate page. Figma organizes Frames left-to-right, top-to-bottom and your PDF pages will follow that order (so will your slideshow in Presentation view, unless you adjust with the Prototype panel).

Sharing/Collaborating

This hasn’t changed much since my original article: “By clicking the share button in the top right corner, you can enter an email address to invite others to collaborate, or generate a shareable link.”

Some of my favorite Figma collaborative features, that eclipse presentation tools like Google Slides, are Observation Mode and Embedding .

When in Presentation mode, using the keyboard shortcut "⌘\" on macOS or "^\" on Chrome OS and Windows hides the toolbar and footer.

If you are going to embed a Figma file on a webpage or share the Presentation mode link with someone else, you can add "&hide-ui=1" to the end of the URL to keep the toolbar and footer hidden there as well.

Alternatively, you can use the Prototype panel to do this by setting the Device to "Presentation".

Animation (aka Prototyping)

Figma is, first and foremost, an UI design tool. With it being flexible enough to do other types of design work, like presentation design, it’s many features can be used beyond their original intention. Prototyping app screens is a core competency, but using that to animate slides and create Keynote-like transitions is more than possible. Smart animate is the Figma equivalent of Keynote's Magic Move.

Community: Files

Via the Share menu, you can publish your file to the Figma Community . Check out our resources, available for free at figma.com/@zach (me) and figma.com/@zacht (Zacht Studios). Other Figma users will be able to create a duplicate of your file to make their own (they will not be able to edit your original file).

Community: Plugins

As of writing this article, there are hundreds of plugins for Figma .

Here are a few of my favorites:

• Stark , contrast checker and colorblind simulator
• Unsplash , free stock photography
• Material Design Icons , Google's icon library
• LottieFiles , use Lotti animations in Figma
• Brandfetch , easily find and place company logos (great for deck making)
• Map Maker , for generating maps directly on the canvas

Additional Tips

Open your file again in another window with Presentation mode so you can see what your audience is going to see in the presented version of the slide.

Use Swap Instance to quickly try out your other layouts for a slide or build out additional slides quickly.

All that to say, there are a lot of great features intended initially for screen design that extend to making great slides fast. 

If you have questions or additional tips to share, please reach out: [email protected]

presentation.design is a resource hub by  Zacht Studios , The Presentation Design Agency.

Need help creating that presentation template or pitch deck for your company? Zacht Studios is a team of skilled creatives focused on company storytelling and fundraising.

We’ve crafted pitch decks, marketing materials, and unforgettable stories for some of your favorite companies like Adobe, Square, Etsy, and SpaceX. Plus, we’ve supported startups in raising more than $1.41B to date.

Curious to learn more? Reach us at [email protected]

Made by Zacht Studios , The Presentation Design Agency | Listen to our creative interview podcast, Bézier

Home Blog Design How to Use Figma for Presentations

How to Use Figma for Presentations

Figma is a familiar name to hear or even a work tool for those in the web development and graphic design industry. Still, for those unaware of what we’re talking about, Figma is a UI Prototyping software. Although news about Adobe acquiring the software was the uproar of late 2022, recent news points out a canceled deal between both parties . Alongside Sketch and Adobe XD, they are the preferred tools for UX/UI projects due to their simplicity and collaborative features, but where does Figma fit for presenters?

In this article, we will explore how Figma can benefit presenters by creating more powerful graphics, such as how to convert Figma graphics into PPT presentations and vice versa. Let’s get started.

Table of Contents

What is Figma and How Can it Help Presenters?

Getting started with figma, adding frames to figma, using templates vs. creating from scratch, how to import ppt templates to figma.

• Adding and Editing Text in Figma
• Incorporating Visuals and Effects in Figma

Adding Transitions in Figma

How to export figma designs to powerpoint, presenting and sharing your figma presentation, plugins and tools to check in figma.

Before we dive into how Figma can transform your presentation game, let’s first understand what Figma is. Figma is a cloud-based design tool that enables collaborative design, prototyping, and user interface (UI) design. It’s renowned for its flexible design tools, accessibility, and real-time collaboration features. 

Unlike Illustrator, Figma is intended for collaborative projects between web software designers, as it simplifies design decision revisions, helps accelerate the design-to-code transition, and its easy-to-share link access declutters the file-sharing process. In the case of presenters, it tailors a quite specific niche: teams inside IT companies that have to create presentations but don’t want to acquire other dedicated design software licenses. As the mastery of Figma is a common factor for this type of presenter, they intend to know how to properly apply those tools to presentation design.

Additionally, Figma natively supports SVG format, which allows users to import PowerPoint and Google Slides templates into its platform and customize them for the presentation requirements.

Go to Figma’s website and sign up for a free account (or premium) using the Get Started from Free button.

A new dialogue box will open, asking to provide the email and password for this new account or using Google to sign up.

Now that we have created the account, this landing page will welcome us each time we log into Figma. It mainly displays the Teams in which we are members and any free team will be flagged with the Free logo in cyan color. 

Click on Design File to start creating your new Figma document.

Designing Presentation Slides in Figma

Figma templates are available by browsing in the library, and we can access a limited selection depending on the topic we choose. To locate this library, click the Or browse templates link in the dashboard.

The Community, a resource intended for Pro users, has a broader selection arranged by topics. 

If you are a free user, you have to either work your way through the vast range of graphic design tools or pick from those limited templates in the library, hence why we highly advise you to check our selection of professional PPT templates and Google Slides templates , which you can customize and import into Figma to save time and design decisions. Below, you can see an example of a Figma presentation template for branding.

This FigJam file (NB: FigJam is a whiteboard tool incorporated into Figma. Users can buy just a FigJam subscription if their intent is not to use advanced prototyping tools) is a simplified version of what you can do with Figma, and you can add – from left to right – the following options:

• Shapes (the circle button, which allows you to switch to a square, rhombus, triangle, and a selection of simple shapes)
• Sticky notes
• Stickers – by clicking the More button, we can browse the library, import a new template, enable widgets or plugins, insert code blocks, and add a timer or media elements.
• Connector arrows
• Section boxes (to create new layouts)

For the purpose of our tutorial, we will start from scratch, import a PPT presentation template, and customize it to suit our presentation’s needs.

In Figma, we work with frames rather than slides. It is a common mistake presenters make, and it often leads to confusion when switching between slides. To create a new slide, access the Frame tool (it is the icon resembling a hashtag). You can create the frame by drag and drop to your preferred size.

Or you can save time by using the frame preset listed for presentation, in this case, in a 16:9 aspect ratio.

As you can see, by default, Figma places the frame too close to each other. We recommend moving them a bit apart so it gets easier if you intend to add some transition effect.

We can place elements like mockups inside our presentation slides using third-party plugins.

Unlike other software options, native PPT or PPTX are not accepted. If we want to import PPT templates to Figma, we must convert the presentation slides to SVG format. 

First, open PowerPoint and go to File > Export > Change File Type . Select the option Save as Another File Type .

From the format list, select SVG format.

We can select just one slide or the entire slide deck. Then go back to Figma and click the F logo icon, File>Place Image . You have to click and drag to resize the image, and by holding SHIFT, you preserve the aspect ratio.

Because we’re working with SVG format, Figma will group the template elements together in a group called Clip Path Group . Expand it to access each individual element (it’s best to preserve them grouped so you can move the slide without any issues).

Adding and Editing Text

One of the advantages of the SVG format is that it allows us to edit the imported elements. For instance, if we select the Conclusion placeholder text and want to change font weight and color, we can do that at the right sidebar options.

We can also add text boxes by clicking on the T icon at the top bar and dragging the text box wherever we need to place it.

If we want to add a hyperlink to the text placed, click the Create Link tool and insert the desired URL.

Incorporating Visuals and Effects

As we did with the slide, we can add or replace visual elements inside our Figma presentation design. Let’s take, for example, the following slide imported to Figma, which boosts an image of students in the park. 

We want to replace that image from our PC with another. To do that, go to the right sidebar, and with the placeholder area selected (it should have an image icon), go to Fill > Image and then click Choose Image .

After that, the image is loaded, and we can crop, extend, reposition, and even work with the photo editing sliders available to make it suit our project’s needs.

One considerable difference we need to consider is that Effects and Animations in Figma are intended for web design, meaning you won’t get the entire selection of effects you might be used to in PowerPoint or Google Slides. 

Also, animations are mostly geared toward navigating different pages rather than making elements stand out, like in presentation software. Some complex animation effects are only available to Pro users. However, you can still use Figma for presentations, and most of the transition functionalities can be achieved in prototype mode. This way, you can design your slides using frames define the interactions between them, and then press the play button and present it.

Go to the Prototype tab at the right sidebar menu to create a transition between slides. Hover over the first frame and locate a plus icon. 

Click on it and drag the arrow into the next frame. A new menu will open with the effects available for the transition.

Out of the possible animation effects, here’s a brief description of each one.

• Instant: This transition immediately switches from one frame to another with no visible animation.
• Dissolve: This effect gradually fades out one frame while fading in the next, creating a smooth transition.
• Smart Animate: Figma’s Smart Animate recognizes matching layers between frames and animates these layers smoothly. It’s useful for creating more complex and realistic animations. We highly recommend using this one.
• Slide In / Slide Out: These transitions make the frames slide in or out from different directions (left, right, top, bottom).
• Push: Similar to Slide In/Out but also moves the current frame in the opposite direction, giving the effect that one frame is pushing the other out of the way.
• Move In / Move Out: These are similar to Slide and Push but typically have a more subtle movement, often used for modal or pop-up animations.
• Custom: Allows designers to create a more tailored animation experience by adjusting properties like easing and duration.

Exporting from Figma to PowerPoint is the reversal process we did before. On the right sidebar, we find the option to export. Click on it to make it active, and you can select the scale for the created graphic and the format of your preference (between available options: PNG, JPG, SVG, and PDF).

The format to be selected depends on the kind of output you require. We recommend working with either SVG or PDF for editable files. For completed work, choose PNG as it’s the best quality format.

Unlike PowerPoint, the slideshow mode in Figma works frame by frame, meaning you won’t be able to switch between slides if using Figma if you create them by page. Pages work like a new document in the same project. To fix this issue, copy the assets into a new frame and place it next to the previous one you did on the same page.

Click the play button at the top bar to access the slideshow mode.

Figma will open a new tab in your browser, focusing only on your selected page.

NB: Figma may show 1/2 page if you try to place the slide, but something went wrong with the sizing, and you try again. In this case, you will only get one page in the right size and a wrongly sized one, not the other pages you created. To fix this issue, check if you don’t have an extra asset of the imported presentation slide but in the wrong format.

If you work by frames, here’s the result when entering the slideshow mode.

Alternatively, you may export your Figma presentation to PowerPoint and run the slideshow from there. A convenient way to export your presentation from Figma to PowerPoint is Deck. This plugin will allow you to choose the Frames to export and prepare a .pptx slide deck with your presentation in editable format. 

Then, you can continue your work in PowerPoint or just use PowerPoint to present your slideshow.

Although Figma is a prototyping tool, we can find some useful plugins for presentation design.

• Deck: For users looking to take their Figma presentations into PowerPoint in a fully editable format, work with Deck . Remember that some effects, like complex transparency layers, may not be supported by PowerPoint.
• Font Replacer: A useful tool for replacing fonts across multiple frames simultaneously. It works best with the pro version, as its free mode has some limitations.
• Feather Icons: Offers a collection of open-source icons. The icons are uniform in size and stroke weight, but the collection is somewhat limited.
• Contrast: Useful for checking color contrast ratios (adhering to AA and AAA standards). It only works on solid fills.
• Max Line Length: Helps maintain typography rules by checking the maximum character count across text frames. It does not support mixed fonts.
• Datavizer: An alternative to Microsoft Excel. Great for creating data visualizations like charts and graphs , with the ability to feed in your data?. 
• Remove BG: Efficiently removes background images with just one click. Another turnaround is to remove the background inside PowerPoint . 
• Image Tracer: Converts raster images into vector graphics, simplifying the creation of vector assets. If you find this tool insufficient, you can check our selection of vector images for presentations . 

Figma shouldn’t be considered a presentation software alternative to PowerPoint, Google Slides, or Keynote. It is an extremely practical tool for specific presentation niches, like web development or product development, but it won’t fit the requirements of most industries. The secondary downsize is its steep learning curve compared to the customary presentation software options.

If you intend to create advanced or complex shapes for your presentations, pair PowerPoint or Google Slides with Adobe Illustrator and work around vector graphics. Presentation templates and online vector graphics simplify that process for most users. On the other hand, if you want a cloud alternative with collaborative options, we invite you to discover our guide on how to work with Canva and PowerPoint to create presentations .

Like this article? Please share

Design, Presentation Approaches Filed under Design

Related Articles

Filed under Google Slides Tutorials • August 20th, 2024

How to Insert an Emoji in Google Slides

Add a creative touch to your slides by learning how to insert an emoji in Google Slides. Step-by-step instructions and third-party extensions list.

Filed under Design • August 14th, 2024

Creating Custom Themes for PowerPoint and Google Slides

Do you want your slides to go beyond the average result from a template? If so, learn how to create custom themes for presentations with this guide.

Filed under Google Slides Tutorials • August 13th, 2024

How to Curve Text in Google Slides

Despite Google Slides not offering a native tool for this, there are multiple ways to curve text in Google Slides. Check them out here!

Leave a Reply

20+ Figma Presentation Templates (+ Slide Deck Style Graphics)

If you are a designer on the hunt for the perfect Figma presentation template, look no further! Our post features a collection of stunning slide deck templates that will level up your Figma design project presentation and showcases.

Figma is a versatile software that’s capable of handling various types of designs, including slide decks. You can use Figma to create stylish slide decks and presentations to showcase your projects and present new concepts to clients without having to rely on any presentation software like PowerPoint or Keynote.

One of the main benefits of using Figma to design slide decks is you get to craft more attractive and visual slides for the presentation. And with this collection of Figma templates, you’ll be able to go above and beyond with your slideshow designs.

We handpicked a collection of Figma templates that feature slide deck-style graphics and layouts. You can use these to make your own presentations, slideshows, and more.

Let’s dive right in and explore these free and paid options that will impress clients and enhance your presentations.

19+ Million Figma Graphic Templates & More With Unlimited Downloads

Download thousands of Figma graphic templates, UI kits, and web templates with an Envato membership. It starts at $16 per month, and gives you unlimited access to a growing library of over 19+ million Figma templates, design assets, graphics, themes, photos, and more.

Multipurpose Template

Coming Soon Page

Pricing Table UI

Social Network Template

Figma & psd.

Course Template

School ui kit.

Startup Website

Figma template.

Explore Figma Templates

Aesthetic eCourse Slide Deck for FIGMA & PSD

This is a dynamic collection of 100 customizable slide templates for Figma and they are perfect for creating engaging online course-related presentations. This creative template not only includes visually pleasing designs but also provides a host of layouts like quotes, infographics, and lists. Suitable for webinars, influencer content, and marketing pitches, it’s a practical solution that saves you time and resources while elevating the visual appeal of your presentations.

Fashion Slideshow Promo Template for Figma

This Figma presentation template offers a chic, minimalistic, and contemporary design, optimal for delivering your fashion-related content effectively. It features high-quality screens, customizable layers, fonts, and colors, and is fully editable, enabling you to customize its vector shape to your taste.

Infographics Figma Presentation Template

A useful Figma presentation template for creating engaging, data-driven presentations. It offers stunning visuals, dynamic roadmaps, and insightful timelines that effectively communicate information. It includes slide layouts in Photoshop, Figma, Sketch, PDF, and PNG formats, all fully editable for easy color changes and a free font. Unleash your data’s potential with this captivating infographic template.

Circle Infographic Presentation Template for FIgma

Explore the Circle infographic presentation template for Figma, a set of slides designed for creative data visualization in slide decks. With this template, you can create mesmerizing presentations, make compelling roadmaps, and craft insightful timelines. The kit comes with PSD, Sketch, PNG, and PDF files, and options for easy color changes. Plus, it’s fully editable and even includes a free font.

Process Diagrams Figma Infographic Template

This Figma slide template makes showcasing intricate workflows and procedures simple. It comes in various convenient file formats, includes an array of visual displays, and features editable graphics with clear color combinations. Its user-friendly design is perfect for crafting beautiful process diagrams and roadmaps for your presentation and slide decks.

Business Strategy Infographic Slides for Figma

This Figma template includes an assortment of fully editable infographics related to various business-related concepts. It’s especially ideal for crafting eye-catching business strategy presentations. The package includes Figma files, unique icons, three slide infographic templates, and free access to a creative font.

Digital Marketing Infographic Slides for FIgma

This is a modern Figma infographic template that transforms your presentations with beautiful infographics. It allows you to showcase data in visual form with stylish digital marketing infographic slides. It includes 3 slide templates in Figma, Adobe XD, and Sketch formats.

Business Analytic Infographic Slides for Figma

This is an exceptional Figma template for elevating your business presentations. The pack offers 15 unique slides with a light background option, a widescreen setup, and handmade infographics. It’s fully customizable, providing PNG files and ready Figma files.

Figma Presentation Slide Template

A versatile Figma template for creating simple slides and landing page headers. It flaunts a modern flat vector design that is easily editable and customizable, making it suitable for web, mobile, hero images, and UI. The template comes as a 100% vector with editable text and colors, organized files, and utilizes an Open Sans font.

Data Presentation Figma Template

A highly adaptable and modern illustration perfect for sectors such as Data Science, Technology, and Finance. Its versatility lends itself well to use within web banners, mobile apps, and landing pages. Offering full customization, it is compatible with numerous platforms and software, and comes in various file types including EPS, PSD, SVG, and more.

Technology Presentation Figma Template

Elevate your technology presentations with this visually engaging, flat-design Figma template. Perfect for web, mobile, and user interface needs, the layouts are entirely editable and customizable. This resource features 100% vector graphics, editable text, and open-sans typography, all arranged neatly for ease of use.

Hero Header Templates for Figma

Even though these Figma templates are for designing website header sections, they can also be used to create attractive slides for your presentations. This pack contains seven innovative, fully editable, and scalable header designs perfect for an array of slides such as food delivery, online stores, and tech tools.

Hero Section Design Figma Templates

Another collection of sleek, modern hero design templates for your slide designs. It includes 11 distinct hero header layouts, fully customizable with Figma. They are excellent for creating cutting-edge website designs and slide decks for various presentations.

Eshoin – Ecommerce Hero Header Templates

Eshoin is a collection of modern header designs for Figma, which are also perfect for enhancing presentations, and various projects. With a sleek, professional layout, the templates come in editable formats (.PSD, .xd, .fig), and feature a 1920×1080 pixel, 16:9 ratio design incorporating Google fonts. Primarily designed for product showcasing, they ensure an appealing and informative display for viewers.

eCommerce Hero Header Design for Figma

This eCommerce-themed header design lends a clean aesthetic to your website or slide decks. It’s user-friendly, adaptable for small to large businesses, and ideal for crafting bold product showcase slide layouts. With compatibility across Sketch, Adobe XD, Invision Studio, and Figma, all components are vector-based ensuring a sleek design.

Free Figma Presentation Templates

Don’t forget to try these free Figma templates.

Free Deck Template with Fresh Folks Illustrations

This is a bundle of beautiful slide designs featuring cute and fun illustrations that add a creative and more engaging look to presentations. The slides have multipurpose designs that can be customized to make various types of slide decks.

Free Figma Pitch Deck Template

This free Figma presentation template comes with a set of bold slide designs for making pitch deck-style presentations. It has several slides with gradient colors and minimal designs.

Free Grey Pitch Deck Presentation Template

With more than 20 different slide layouts to choose from, this Figma presentation template is one of the best options for crafting a convincing pitch deck to win over your clients. And it’s free to use.

30+ Free Presentation Slides for Figma

This free Figma presentation template comes in both light and dark color themes. You can use it to make elegant and bold presentations for various branding and business slide decks. It includes over 30 unique slides too.

Free Figma Presentation Template

Use this Figma presentation template for free to design bold and professional presentations for your business and design projects. The template is especially ideal for startups and entrepreneurs for creating pitch decks.

Free Elegant Presentation Template for Figma

Another free presentation template for Figma. This template includes several creative slide layouts with elegant designs. They are suitable for a wide variety of slide deck presentations. Even though it uses a different language, you can easily customize each slide to change content.

• Tour the interface
• Create designs
• Build design systems
• Create prototypes
• Import and export
• Work together in files
• Use AI in Figma Design
• Inspect designs
• Turn designs to code
• Dev Mode across your org
• Work on boards
• Run meetings
• Use AI in FigJam
• Create and edit slides
• Present slide decks
• Use AI in Figma Slides
• Use the Community
• Creator resources
• Visit Community
• Work across Figma
• Integrations
• API documentation

Learn about the new features we announced at Config 2024, from AI to Figma Slides!

For everyone

• Manage settings
• Change preferences
• Use the file browser
• Manage files and projects
• Sharing and permissions

For administration

• Manage seats
• Manage your plan
• Pay for Figma
• Manage a team
• Login and authentication
• Deploy Figma
• Members and guests
• Libraries and resources
• Billing groups
• Security features

Find out more

Level up your Figma skills with these comprehensive skill-based courses.

Get hands-on experience in Figma with these practical bite-sized projects.

Explore tools and features by watching and following along with these expert-led video tutorials.

Get solutions

Troubleshoot

Get help with common issues and troubleshoot unexpected behavior.

Work with support

Submit a bug report, get help collecting log files, and find your system information.

Common questions

Get answers to frequently asked questions.

Figma Community Forum

Ask the community, share ideas, and connect with other Figma users.

Present a slide deck

🚧 Figma Slides is currently in free beta. In early 2025, Figma Slides will be available on free and paid plans, starting at $3 or $5 per user/month depending on your plan. Learn more about beta features →

Before you Start

Who can use this feature

Available on any plan

Anyone with at least can view access to a slide deck can open the deck in presenter view

Figma Slides makes it easy to share slide decks with your audience, whether you’re presenting on your own or with others. In this article, we’ll cover a few tips to preparing your slide deck for a smooth presentation.

Prepare for presenters

If you’re presenting with a group, each presenter must have at least can view access to the slide deck.

Before starting the presentation, make sure each presenter has the slide deck open in presenter view. This allows them to take over the spotlight when it’s their turn to present so no one ever has to say “Next slide” again. Learn more about using spotlight in Figma Slides →

Presenter view has two options:

• Present in full screen : Opens your currently selected slide in a new tab without presenter notes visible.
• Present with presenter notes : Opens your currently selected slide in a new tab with presenter notes visible and opens a new window with your presentation in audience view. Learn more about adding presenter notes to slides →

To open a slide deck in presenter view:

• Open the deck you want to present.
• Click Present in the right sidebar.
• Present: Opens your slide deck in a new tab without presenter notes visible
• Present + Notes: Opens your slide deck in a new tab with presenter notes visible and opens a new window that displays your presentation in an audience view. If you’re sharing your screen using a video conferencing tool, make sure to set the screen share to the audience view window so your audience has an uninterrupted view of your presentation.

Prepare for audience members

Slide decks with interactive elements.

If your slide deck includes live interactions, such as polls or alignment scales, audience members will need at least can view access to the slide deck to interact with these elements during the presentation”. Learn more about adding live interactions to slides →

If your slide include clickable prototypes, audience members will need at least can view access to the slide deck and at least can view access to the prototype file to be able to interact with the prototype. Learn more about configuring access to prototypes →

There are some other restrictions around adding prototypes to slides. Learn more about adding prototypes to slides →

Slide decks without interactive elements

If you don’t use interactive elements in your deck, and plan to present while sharing your screen using a video conferencing tool, you don’t need to give your audience access to the slide deck. 

Copy the presentation link

Each slide deck has a presentation link. Share this link with your audience so they can open your slide deck in the audience view and use live interactions on slides.

Note: Audience members must be logged in to their Figma accounts to be able to open the slide deck.

To copy the presentation link:

• Click Copy presentation link .

Beautiful templates for your Figma presentations . Free and ready to be cloned. ✨

View templates

Figma Template

Grady presentation template.

Collection of 10 slides

Una Presentation Template

Collection of 12 slides

Poche Presentation Template

Collection of 11 slides

Premium Figma Template

3 premium templates bundle.

Collection of 3 Premium templates

Subscribe to updates (e.g. new templates)

Don’t fill this out:

About this project

Templatery is a collection of beautiful templates for your Figma presentations. If you are a designer, there are a couple of awesome things about keeping your presentations within Figma:

• They are in the same place as the designs
• No more asset exporting and syncing out of date designs
• It's collaborative and sharable with a single-click
• If you know your shortcuts around Figma, creating these is extremely quick

How to Make a Killer Presentation Using Figma

Your changes have been saved

Email is sent

Email has already been sent

Please verify your email address.

You’ve reached your account maximum for followed topics.

I Used AI to Retouch My Photos: Here’s How It Compared to Me Doing It Myself

This adobe tool animates characters using your voice (no experience needed), these are my 5 favorite smart home devices for my pets.

There are a million ways to make a presentation, but Figma is an underrated tool for it. The prototype feature in Figma allows for a multitude of customizable transition options. Not only will your transitions wow your audience, but you can incorporate plugins for extra pizazz and keep your audience engaged, making you feel confident in your skills.

We’re going to show you how to make a killer presentation using Figma; just follow this guide.

1. Set Up Your First Presentation Frame

Open Figma and click New design file. Click the Frame Tool ( F ) to draw your frame or to choose a preset frame on the right using Presentation > Slide 16:9 . You can create a master template to save time.

Rename your frame by double-clicking the blue title on the top left. Set a background color; although, you can always change it later by highlighting all frames and changing the fill color.

2. Add the Title Text

Use the Text Tool ( T ) and write your title. Use separate text boxes for separate lines, with only one or two words per line. Set your text preferences in the Text menu on the right. Figma uses Google fonts, so you may want to know the best Google fonts pairings .

3. Add an Image

You can use a stock photo or take your own relevant photo. To add an image, draw a rectangle using the Rectangle tool ( R ). Your image will sit in this shape.

Click the rectangle and go to Fill and click the colored square . Then click Solid > Image > Choose image . Find your image and click Open . Hover over the image to reveal 4 white circles. Click and drag one circle inwards to round the corners of your image.

Arrange your layers so that the image is at the back and the text is on the top layer. You can drag the layers in the layers panel or by using C md/C trl + [ to send a layer back or C md/C trl + ] to bring a layer forward.

4. Create the First Transition

The first transition will open the image and allow the title text to slide into the frame. First, duplicate the first frame by selecting it and hitting C md/C trl + D to duplicate it.

On the left-hand frame, scale the image down by reducing the height attributes in the H box to around 150, leaving a horizontal slit of the image. Center-align it by selecting both images across the frames and clicking O ption + V (Mac) or Alt + V (Windows).

To complete the image transition, select the left-hand image. Then change the opacity to 0% in the right-hand menu in the box next to Pass Through under Layer. This will make the image invisible before it transitions and opens.

Click the first text box and hold down Shift . Start dragging, then also hold down Spacebar and continue dragging the text off of the frame. It looks like it disappears once out of the frame. Without the addition of the spacebar, this transition will not work, but if you hold the spacebar before dragging, it will only move your frame.

Do this again for your second or subsequent text boxes, but drag them a little further left to add some variety in the transition. With the text still selected, reduce the layer opacity to 0% the same way you previously did for the image.

To set the transition, go to Prototype . Select the left-hand frame and click the blue circle that appears in the center of the right-hand side of the frame. Drag it, so the line goes to your second frame.

In the drop-down that says Instant , select Smart Animate . Then change the box with the stopwatch to 1000ms. This will set your transition to take one second from the click of the mouse. The other settings should be set by default. Ensure you do not rename frame titles after setting a transition, otherwise, the files won’t connect.

Click the Play button to test your transition. Go back to Design to continue your presentation design.

5. Add More Slides

To transition from slide 1 to slide 2, duplicate your right-most slide ( C md/C trl + D ). In the new frame—slide 2—move the text boxes out of the frame using the previous technique ( Shift + Drag then Spacebar after you’ve started dragging). Move one text box to the left and the other to the right of the frame. Set the opacity to 0% for both.

For the image, scale it down and move it slightly off-center, then set the opacity to 0%. This, effectively, gives you a blank canvas for your second slide. You can add the content on top of the invisible assets from the previous slide.

Add a large image to the center of the frame. To add some decorations on top of your image, use a Figma plugin for GIFs or download a sticker GIF from Giphy and drag it on top of the image. Select your main image and any GIFs, and group them together ( C md/C trl + G ), this ensures that Smart Animate will work properly.

Select the group and copy it ( C md/C trl + C ). Then paste it onto the frame of slide 1 ( C md/C trl + V ). Scale it down and set the opacity to 0%. Then move this layer to the back ( C md/C trl + [ ). This ensures a smooth transition into the next slide.

Go to Prototype . Select slide 2 and click the blue circle to drag it to slide 3. Figma’s default in the prototype menu is to use the previous settings, so they should be all set according to the previous transition. Go back to Design .

Duplicate the last slide ( C md/C trl + D ). This slide will use the same image as the previous one, but we will scale it to one side of the frame. Move the image to the left of the frame by dragging it while holding Shift . Hover on the right edge of the image until opposite-facing arrows appear, click and drag the right edge of the image towards the left until satisfied.

Go to Prototype and link the two frames together. Then go back to Design .

Add a title and body text to the right of the scaled image, and group them together. Copy the text group and paste it onto the previous slide. Click and drag the text group to the right of the frame like before.

6. Add a Mockup

Create a mockup; check out our guide on creating mockups using plugins in Figma . Add a new frame, then paste your mockup onto it. Resize the mockup to fit the frame.

Copy the mockup and paste it to the previous frame. Resize it to fit within the image portion, then move it to the back of the layers and set the opacity to 0%. Link the frames in Prototype .

7. Add Labels

Duplicate the mockup frame. Add a title and description to explain parts of your mockup. Group the text together and name it. Then, you can create a frosted glass indicator for your bullet points and lines. Group together one line with one circle. Line up your indicator with what it’s describing and add your description next to it. Link the frames in Prototype .

Duplicate the frame and add another bullet point indicator with what it’s describing. Prototype this again. Duplicate each frame per bullet point, so each bullet point transitions alone.

8. End Your Presentation

Duplicate the last slide. Write a final word or two and center it. Copy the text and paste it onto the previous slide.

Scale the text down by holding K while scaling it—this keeps your text formatted while sizing it down. Place your text somewhere near the top of the mockup and send the layer to the back, under the image. Set the opacity to 0%. Go back to your final slide.

Move all the other objects out of the frame using the dragging method. The transition will slide everything out towards the sides and top as the text moves down from the top and expands. Link slides in Prototype .

9. Share Your Figma Presentation

You can access your presentation anywhere that you’re able to log in to your Figma account or share the URL with others, so they can watch from anywhere. To present your final presentation with its transitions, click the Play button and present in full-screen mode.

You can also save the frames as PDFs, although you’ll lose the animated transitions by doing that.

Level Up Your Presentations With Figma

Not only is this presentation minimalist, which won’t overwhelm your audience, but the transitions are professional and clean. It doesn’t take a UI/UX expert to use Figma in a way that benefits your presentations, no matter your job role. Present with confidence, and you will be inundated with questions about how your presentation was made.

• Presentations

How to use Figma for presentations

Forget about PowerPoint. Here is how to use Figma for presentations instead.

Why use Figma for presentations?

Figma offers several advantages over PowerPoint, making it a great choice for creating visually appealing and collaborative presentations:

• Improved Collaboration and Feedback: Figma allows multiple users to simultaneously work on the same presentation and leave real-time feedback and comments.
• Enhanced Design Flexibility: With Figma, you have more control over the design elements, enabling you to create visually appealing presentations. For anyone using Figma for design, PowerPoint feels like a straitjacket.
• Interactive prototypes (and video) : Figma allows you to create interactive prototypes within your presentations.
• Easy sharing and compatibility : You can easily share your Figma presentations with others without worrying about compatibility issues.
• Infinite Canvas: Move your slides around like you want on an infinite canvas.
• Observation mode: Others can follow your presentation remotely without screen-sharing.

Getting Started with Figma for Presentations

Creating your first slide in figma.

Fire up Figma and get started creating your first frame. To do that, click F and select Presentation > Slide 16:9 (on the right side of Figma) as the size of your slides. Congrats! You now have your first slide!

Organizing Presentation Frames

The key to working with presentations in Figma is organizing your presentation frames ordered from left to right, then top to bottom. Just like you would read a book. There is no need to create connections and flows .

Simplifying Slide Naming with Super Tidy Plugin

Pro-tip: You don’t have to waste your time giving names to your slides. Instead of manually renaming frames, I automate the process using the wonderful Super Tidy plugin when I want to clean things up. (As you can see in the above image).

Template Slides in Figma

Creating component templates for reusability.

Often when creating presentations, you want to reuse templates for slides. In Figma, you can create components: Create the base of each slide type, like a title slide, a section break, a top title, and a blank slide, and convert the frame to a component ( ⌥ ⌘ K) . I like to create this on a separate page to make sure these don’t come up when I present. To use your template slides, return to your first frame and place an instance of your new component inside it.

Make sure to use text component properties , or name your text layers the same across components to easily switch between templates and keep the same text.

Sharing Templates with Team Library

Pro tip: You can also publish your new components to your team library so that other people in your company can use your slide templates. To do this click on the title of your Figma file and select “Publish Library”. You’ll then open a Library publish dialog where you select which components you want to publish, and click “Publish”.

Reusing Fonts, Colors, and Spacing

You can also set styles for fonts and colors or variables for spacing to reuse and easily adjust choices across multiple slides.

Creating Grids for a Uniform Look

Figma also has a powerful grid solution to make your presentation more consistent. Figma has an excellent walkthrough on how you can use grids on Figma Learn .

Animations and Transitions

If you want to add animations and transitions, click on the prototype panel at the right of your screen and drag one of the dots from your start slide to your next slide. Now you get a dialog of transition options. You can customize the duration, delay, and easing of each animation. Choose “smart animate” for a solution similar to Keynote “Magic Move.” Figma has a lot of great resources on how transitions work.

Sharing and Collaboration

Generating shareable links.

By clicking the share button in the top right corner, you can enter an email address to invite others to collaborate or generate a shareable link. You can also password-protect the file if you want.

Collaborating with Others in Real-Time

One of the greatest advantages of using Figma for presentations is collaborating with others in real-time. Multiple users can simultaneously work on the same presentation and provide real-time feedback and comments. If you want to see another collaborator’s current view, you can click on their avatar in the top-right corner to follow them. You could also hover your own avatar and click “Spotlight me” to force all the other users follow you.

Using Comments and Feedback

Within Figma, you can leave comments and feedback on specific presentation elements. This allows for clearer communication and easier collaboration. You can easily resolve comments and keep track of the changes made based on the feedback received. To do this, click on C (or the comment symbol) and add comments on relevant places. You can always see the comments and threads in the right column when you are in the comments view.

Version History and Design Iterations

Figma also provides a version history feature , allowing you to view and restore previous presentation versions. This is helpful when you need to revisit an earlier design. To do this, click on the title of your Figma file (top middle of your screen) and select “Show version history.” You’ll get a timeline in the right column showing all your file changes. Click on any of them to rewind your project.

Presenting Your Figma File

Preparing a figma file for presentations.

To prepare your Figma file for a presentation, all you have to do is to open the prototype panel and select “Presentation” under “device.” (you could also add &hide-ui=1 to the end of the URL if you want to hide the UI completely when embedding or sharing a presentation link)

Taking Advantage of Fullscreen and Figma UI Options

When you will present, click the play icon in the top right corner of Figma. This will open your presentation in prototype mmode. You can then click the expand icon in the top right corner to make it fullscreen and select options > Fill screen and make sure options > Show Figma UI is unchecked. If your slide seems weird you can click Z to switch between all the different view states.

Presenting remotely

If you are presenting remotely you could enter prototype mode (by pressing play), and click “Share prototype” and send the link to others. When you are starting to present you can click your own avatar and “Spotlight me”, and this way force the other spectators to follow you during your presentation.

Sharing presentations

Exporting slides as pdf.

Export your slides as a single PDF by going to File > Export frames to PDF . Figma will then generate a PDF with every Frame on the page you are currently on. Your pdf will follow the same order as your slides in presentation mode: left-to-right, top-to-bottom. Note that these files can sometimes become huge depending on your presentations. I’ve found ilovepdf great at compressing these into a manageable file size.

Embedding Presentations on Websites and Social Media

Another useful feature is the ability to embed your presentation. This is great for showcasing your presentations on your website or sharing them on social media. Check out the Embedding article in the Figma Help Center to learn how to embed your Figma files. Rember to share your prototype (Click “share prototype” after pressing the play button), and not your regular file. Here is an example of how an embedded presentation look out of the box:

Related blog posts

Layering makes you dangerous, the two device solution.

Yekaterinburg

Our editors will review what you’ve submitted and determine whether to revise the article.

• Yekaterinburg - Student Encyclopedia (Ages 11 and up)

Recent News

Yekaterinburg , city and administrative center of Sverdlovsk oblast (region), west-central Russia . The city lies along the Iset River, which is a tributary of the Tobol River , and on the eastern slope of the Ural Mountains , slightly east of the border between Europe and Asia . Yekaterinburg is situated 1,036 miles (1,667 km) east of Moscow .

Near the village of Shartash, which was founded in 1672 by members of the Russian sect of Old Believers, an ironworks was established in 1721 and a fortress in 1722. In 1723 the new settlement was named Yekaterinburg in honor of Catherine I , the wife of Peter I the Great . The town grew as the administrative center for all the ironworks of the Urals region, and its importance increased after 1783, when the Great Siberian Highway was built through it. After 1878 the Trans-Siberian Railroad linked the city with Siberia. After the Russian Revolution of 1917 (October), Yekaterinburg achieved notoriety as the scene of the execution of the last tsar , Nicholas II , and his family in July 1918. In 1924 it was renamed Sverdlovsk in honor of the Bolshevik leader Yakov M. Sverdlov, but the city reverted to its original name in 1991.

Modern Yekaterinburg is one of the major industrial centers of Russia, especially for heavy engineering. The Uralmash produces heavy machinery and is the city’s largest enterprise; it once employed some 50,000 workers, though it now has a small fraction of that number. Engineering products manufactured in the city include metallurgical and chemical machinery, turbines, diesels, and ball bearings . During the Soviet period the city was a major center of biological and chemical warfare research and development . There is a range of light industries, including a traditional one of gem cutting. Food processing is also important. The city, laid out on a regular gridiron pattern, sprawls across the valley of the Iset—there dammed to form a series of small lakes—and the low surrounding hills.

Yekaterinburg is an important railway junction, with lines radiating from it to all parts of the Urals and the rest of Russia. The city is the leading cultural center of the Urals and has numerous institutions of higher education , including the Urals A.M. Gorky State University (founded 1920), a conservatory, and polytechnic, mining, forestry, agricultural, law, medical, and teacher-training institutes. The Urals branch of the Russian Academy of Sciences and many scientific-research establishments are also located there. Boris Yeltsin , the first democratically elected president of Russia, was educated and spent much of his political career in the city. Pop. (2005 est.) 1,304,251.