template presentation figma

15+ 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.

2 Million+ Figma Graphic Templates & More With Unlimited Downloads

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

Pricing Table UI

Course Template

School ui kit.

Social Network Template

Figma & psd.

Multipurpose Template

Startup Website

Figma template.

Coming Soon Page

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.

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.

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

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 Business • June 13th, 2024

How to Make a Financial Presentation [Templates + Examples]

Learn how to make a stellar financial presentation by discovering which slides should be included, the best templates to make your job easier, and more.

Filed under Business • June 12th, 2024

How to Master Roadshow Presentations

Get to know a how to approach a roadshow presentation and deliver a winning speech. A guide for roadshow presentation slides, with recommended tools.

Filed under Presentation Ideas • June 6th, 2024

10+ Outstanding PowerPoint Presentation Examples and Templates

Looking for inspiration before approaching your next slide design? If so, take a look at our selection of PowerPoint presentation examples.

Leave a Reply

Advisory boards aren’t only for executives. Join the LogRocket Content Advisory Board today →

• Product Management
• Solve User-Reported Issues
• Find Issues Faster
• Optimize Conversion and Adoption

Creating presentations using Figma

In the design world, creating effective presentations is crucial. Ask any designer, and they’ll tell you that the ability to articulate design concepts can be the difference between an idea that soars and one that nosedives.

And when it comes to crafting these presentations, Figma stands out.

Not only is it a versatile design tool that lets you customize your slides however you want, but its prototype feature allows you to create the sort of unique transitions you won’t get with any other tool.

Surprisingly, creating stunning presentations in Figma is pretty straightforward. This guide is going to show you how you can do it. We’ll also review the pros and cons of creating presentations in Figma.

So, if you’re ready to start creating presentations that captivate your audience, let’s jump right into the steps involved.

Step 1: Create a Figma account

To use Figma, you’ll need to create an account. If you don’t already have an account, go to Figma and click the Sign up button in the top right corner. Enter your email address and password in the fields provided. Click the Sign up button, and you’ll be logged into your Figma account immediately.

Step 2: Create your first presentation frame

Open a New design file . You can rename the file by clicking Untitled at the top of the page. Next, click the Frame tool (F) and select Presentation > Frame 16:9 from the templates on the right:

Once you’ve created your first frame, rename it by double-clicking the blue title on the top left of the frame. Enter a new name for your frame and press Enter :

You can also change the background color by selecting the frame and picking a color from the Fill options on the right sidebar.

Step 3: Add your title text

To add title text, click the Text tool (T) and write your title. Stick to one or two words per line and use a different text box for each line. To modify your text size, color, and so on, go to the Text menu on the right sidebar.

With your title text sorted, it’s time to move on to the next step.

Step 4: Add your cover image

Start by drawing the shape that will house your image. It can be a rectangle, ellipse, or any other shape you prefer. We’ll be using a trapezoid for this example.

Draw a trapezoid by using the Pen tool (P) . Next, click the trapezoid and go to Fill in the right sidebar. Select the colored square to open the Fill properties. Click the image icon and select Choose Image :

Select the image you want to use and click Open . The image will automatically adjust to fit the shape you drew earlier.

Over 200k developers and product managers use LogRocket to create better digital experiences

Once your image is in place, it’s time to move to the next step.

Step 5: Create your first transition

The first transition will open the image vertically, while the text will slide in from the left. To achieve this, start by duplicating the entire frame. Select the frame and hit Ctrl/Cmd + D .

On the left frame, reduce the image height to about 1/6th of its size. To do this, select the image and divide the H attribute by six from the right sidebar. Then, align the image center vertically and reduce the image layer opacity to 0 percent:

Next, select the first text box, press Shift , hold down the Space bar , and drag it left until it is outside the visible rectangular frame. Ensure that you hold down Shift and Space to avoid the text box from actually going outside the frame. We need the text to remain within the frame for the transition to work.

In the image below, notice how the text appears outside the visible frame but is still within the Cover slide frame in the layers panel:

Repeat the process for the other text boxes, dragging them a little further each time to create variety in the transition. Then, select all text boxes from the layers panel and reduce their layer opacity to 0 percent.

To finish the transition, go to Prototype from the right sidebar. Select the left frame and go to the blue circle that appears on the right side of the frame.

A plus sign will appear. Click on it and drag the arrow to connect it to the right frame:

In the dropdown menu that appears, click on Instant and choose Smart Animate . Select Ease in from the animation options. Adjust the timing to 1000ms. You can leave everything else in default.

Test your transition by clicking the Play button. If you’re happy with it, return to Design mode to continue working on your slides.

Step 6: Add more slides

We’ll use a different transition style from the second frame to the third. The image will shrink, and the text will go outside the frame. To achieve this, rename the second frame to Slide 1 . Duplicate it ( Ctrl/Cmd + D ) and you’ll have Slide 2 .

Go to the new frame and move the text boxes outside the visible frame (just like we did previously). But this time, move them to the right. Then, set their opacity to 0 percent:

To achieve the image shrinking effect, click on the image, hold down Shift , and drag the bottom-left resizing handle inwards until it’s about 1/6th of its original size. Next, set the image layer opacity to 0 percent. You’ll have a blank canvas to add all the elements you wish to include in Slide 2.

Add your heading and body text to Slide 2. Also, add an image the same way you did for the cover slide:

Let’s add some animation to create a smooth transition from Slide 1 to Slide 2.

Select the image in Slide 2, and copy it using Ctrl / Cmd + C . Go to Slide 1 and paste the image ( Ctrl / Cmd + V ). Resize the image to 1/6th its original size and set the opacity to 0 percent. Move the image to the back using a shortcut ( Ctrl / Cmd + [ ):

This action will create a zooming transition effect.

To animate the text in Slide 2, select all the text boxes and group them ( Ctrl / Cmd + G ). Copy this group and paste it into Slide 1. Move it to the right of the frame using the dragging technique ( Shift + Spacebar ) we used for the cover slide. Set its opacity to 0 percent.

Next, go to Prototype . Connect Slide 1 to Slide 2. By default, Figma maintains the attributes of the previous transition. Leave it as is:

You can play the prototype to ensure that everything works as it should. Once everything is in place, we can move on to the next step.

Step 7: Add mockups

As a designer, your presentations will often involve mockups of your design. So, let’s go over how to add mockups to your presentation slides.

Go back to Design mode and add a new frame. This frame will be Slide 3 . Next, create a mockup. You can use Figma plugins like Clay Mockups 3D , Mockuuups Studio , or Vectary 3D Elements to generate quick mockups.

Paste your mockup inside the new frame and resize it to fit:

To ensure a smooth transition, copy the mockup and paste it into Slide 2. Scale it to about 1/6th its original size. Position it in the middle of the frame, reduce its opacity to 0 percent, and send it to the back. This action will cause the mockup to zoom in when presenting.

Go to Prototype mode and connect Slide 2 to Slide 3. Leave the animation settings as is.

Step 8: Label mockups

Duplicate the mockup frame. This new frame will be Slide 4. Use the Text tool to add a title and description to explain the different features in your mockup. Group the title and description together and name it:

To connect the text to the feature it’s describing, draw a line with the Line tool (L) . While drawing, hold down Shift to keep the line straight.

Next, we’ll add an indicator. Draw a circle with the Ellipse tool (O) . Reduce the fill opacity to 50 percent and add a Background Blur of 20:

Group the line and indicator together and label it.

To add labels to the next feature in your mockup, duplicate the frame (Slide 4) and add another bullet point indicator and text. Repeat this process for all the features in your mockup, duplicating the frame each time.

Next, go to Prototype , connect the slides, and press Play to see if everything works correctly. If you’re happy with the slides, it’s time to wrap things up.

Step 9: Create the final slide

Once you’ve added all the information you need in your presentation, end the presentation with a final slide.

To do this, duplicate the previous frame to create another slide. Use the Text tool (T) to add a final word for your audience. Center the text vertically and horizontally.

Next, copy this text and paste it into the previous frame. Scale it down to about 1/6th its original size. Press K before scaling it to keep it formatted. Center the text vertically and horizontally. Reduce its opacity to 0 percent and send it to the back:

Go back to the final slide. Use the dragging method to move all other elements except the “Thank you” text outside the visible frame. Drag them in different directions for a more dramatic effect:

Finally, go to Prototype and connect the final frame to the one before it. Click Play to see the finished presentation.

Step 10: Share your work

After all the hard work, it’s time to share the finished project with your audience. So, here, we’ll be going over how to Export your work, Share it with your team, and Present it to an audience.

To export your slides as a single PDF file, go to File > Export frames to PDF . Figma will export every frame as a PDF page in your slide deck. Your slides will be organized from left to right and top to bottom, meaning the leftmost frame will be the first PDF page, and so on. Note that if you export your slides as PDF, there’ll be no animation effects.

To share your work with others, click the Share button in the top right corner of the Figma interface. Enter an email address and click Invite , or simply copy the shareable link and send it to anyone you wish to invite to the file.

To present your work in Figma, click the Present button in the top right corner or press Ctrl/Cmd + Alt + Enter . Once in presentation mode, switch to fullscreen by pressing the Spacebar .

Voilà, that’s how you create and share a presentation in Figma.

But is Figma really the ideal tool to use for your next presentation? Let’s help you decide by analyzing the pros and cons of using Figma for presentations.

Pros of creating presentations using Figma

Real-time collaboration.

Figma is great for team projects as it allows multiple users to collaborate in real time, promoting teamwork and efficiency.

With Figma, you can invite up to 500 collaborators to your file (200 can have editing access). Now, that’s a large community of collaborators.

Easy export and sharing

Figma allows you to share your presentations in different formats, such as PDFs, JPGs, or interactive prototypes.

Compatible with multiple platforms

A major pro of Figma software is its ability to work smoothly across various operating systems (Windows, macOS, Linux) and browsers, ensuring compatibility and promoting accessibility.

Access to a plugin library

Another great benefit of using Figma for presentations is the easy access to a library of plugins that can speed up your workflow.

Time efficiency

Figma allows you to duplicate and reuse design components, which comes in handy when you want to create multiple slides with similar layouts.

These are just some benefits that make Figma a powerful tool for creating collaborative and highly accessible presentations. But as we know, every tool has its downsides, and Figma is no exception. So, let’s examine some disadvantages of using Figma to create presentations.

Cons of creating presentations using Figma

Learning curve.

To use Figma efficiently, you must know your way around the interface. For anyone using the software for the first time, there might be a learning curve that can slow down the creative process. This can be an issue if you need to build a presentation with people who have no experience with Figma.

Limited offline access

Although Figma offers an offline mode, there is a limit to the features users can access. This limitation can be an issue when you need to edit or access your presentation from areas with limited internet connectivity.

Design-focused, less presentation-focused

Figma is primarily a design software best suited for designing user interfaces, so it might lack the advanced features you’ll find in dedicated presentation software.

Needs enough RAM and a decent graphics card

For Figma to run smoothly, it requires the right amount of RAM and a decent graphics card. So, if you’re using an older computer, you might not have the necessary specs to run this software.

Now that we’ve analyzed the pros and cons of using Figma, we believe you have enough information to decide if it’s the right tool for your next presentation. So, let’s wrap things up, shall we?

Figma is a powerful and versatile collaborative design tool that you can use to create stunning presentations. Its prototype feature allows you to create unique transitions that make your presentations stand out.

Although there are some drawbacks to using Figma, such as the learning curve involved, the tool has many benefits that make it worthwhile, especially since it’s what many of us designers use in our day-to-day. So, if you’re looking for a tool that you can use to share your ideas in a visually appealing and accessible way, Figma is a great option.

LogRocket : Analytics that give you UX insights without the need for interviews

LogRocket lets you replay users' product experiences to visualize struggle, see issues affecting adoption, and combine qualitative and quantitative data so you can create amazing digital experiences.

See how design choices, interactions, and issues affect your users — get a demo of LogRocket today .

Share this:

• Click to share on Twitter (Opens in new window)
• Click to share on Reddit (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Facebook (Opens in new window)

Stop guessing about your digital experience with LogRocket

Recent posts:.

Automating the mundane: 4 AI tools to improve UX research

In this article, we discuss the common bottlenecks of UX researching, examine the role of AI for UX research, and explore the best AI tools to better UX research.

Using AI for no-code design: Introducing Fronty

In this article, we’ll explore the state of no-code design with AI. We’ll then discuss Fronty, its features, and how to use them practically by converting several Figma design frames into live webpages.

Why user research needs to evolve

As we approach an inflection in the evolution of user research, it’s important to unpack its expansive role in catalyzing innovation.

Using AI to generate alt text

Alt text describes images for visually impaired individuals and broken images that don’t load correctly. AI can help generate this text.

Leave a Reply Cancel reply

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

Template Slides in Figma (Video)

March 24, 2021

Learn more about using Figma as a presentation tool:

presentation.design/posts/figma-for-presentations

Video Transcript:

Welcome. So if I was going to try to sort of replicate presentation software in Figma, what I would do is create some template slides, just like master slides in PowerPoint. So the first thing you want to do in a new Figma file is title it. So you want to come rename it. Um, I'm just going to call this template slides for the sake of this demo.

[00:00:25] Um, so we want to create some slides, but first you want to have like some backbone to it. So the first thing I'm going to do is come and create a separate page, and I'm just going to call this Template. Okay. So, and the reason that I do this, it's just so it's a different workspace. And when you export a PDF from Figma, it's going to grab every frame on a page.

[00:00:50] And so if your template slides are on a different page, they won't show up in your PDF exports. We can go over that later, but so I'm gonna hit F and then I , just tap. I'm gonna go to zero, zero, 1920 by 1080 is my preferred slide size. Um, and then what I'm going to do is let's make this, the, um, the like actual slide.

[00:01:15] We'll start with that. Uh, when, you know, you're making a deck, start with the slide, the cover slide, but for the template, like it's more important. It's like what the slide looks like. So I'm gonna hit the T key. I'm going to come in here. I'm going to do the slide title.

[00:01:34] Roboto is fine for this exercise. Let's make it a little bit bigger. I want to make these like 90% height, like negative one here. And we're going to give it like 24. Okay. Left, aligned top aligned. Um, let's put this at a hundred, a hundred just for this exercise. And then let's make these like 40 total and like 64 high.

[00:02:01] So all that to say, you know, whatever style you like, um, I'm gonna make this Medium too, so we've set a style for our slide titles, and I'm also going to save this as its style in Figma. Um, so that there's a couple of ways to edit this. You know, if you change your mind and want to, you know, scale this a little bit differently.

[00:02:23] Um, so I'm going to come in here and I'm going to create a text style. Um, I'm just going to call it slide titles.

[00:02:32] And I'm going to create some body text, just so there's a placeholder. Um, so let's do body text and let's make this, so we'll go. Tried 24 looks a little small. We'll go 32, you can always change this later, right? That's I guess the whole point is being able to change this later. So I'm going to give this 120 and I think like the 24 is nice.

[00:02:57] Maybe we'll keep like a nice paragraph spacing. Um, and then I do not want this to be right. I want this to be regular and maybe. Let's do it different. Let's just play around, um, maybe something with. A little bit of serif would be nice. I, you know, this is your own style. Maybe you have like a style guide already that you're working off of whatever works for you.

[00:03:26] Um, let's see, where are we? This is, you know, obviously the place to get lost in the sauce. So does not matter. Let's just do Baskerville that isn't even the right Baskerville. Okay. That's a separate problem for a separate day. So, what I want to do is create maybe like two column layout. Yeah. Let's do that.

[00:03:47] Let's call this top title two columns, but it's important to name these because you will be picking them later just from a list. So we'll, let's make this 880 by 720. Um, I think that's good. Let's see, we're going to option drag this. Create a second one. So no that's a little too close. So if I make these 780, what does that gutter look like? Now you can use layout grids and stuff to customize this further.

[00:04:26] Um, I'm going to make these 800, sorry, to waffle. And then I want to make sure that this one is also so perfect. I think that's good. I think, yeah, that's good. So you've got that set. I also want to make this a style again so that we can change this later. Um, very important. And you might want to do this for your footnote style, like a small text, and you might want to do this for your slide title, but for now, let's just start with that.

[00:04:58] I'm going to click on the whole frame and I'm going to create a component. You can just add a description. If you want, you can even link to your documentation. I'm good with just this. I'm going to duplicate it. So command D I'm going to shift this over. Okay. And then I'm going to detach this one and I'm going to call it, um, top title three column.

[00:05:23] How's that. Okay. So maybe we want like a three column layout. So I'm going to also give this one a component and then we want to make these, like, let's do 540.

[00:05:38] And then one more

[00:05:40] These distributed evenly? Yes, they are. They're all 50 apart. Perfect. Um, and then what else? We probably want a blank slide. Um, if you have a footnote, for example, you might want to create like a footnote style on all of these and then have a blank one with just the footnote. Um, but let's just detach this and call it.

[00:06:16] Um, top title only, and then pull off the body text on this one. And again, we're going to make that a component and then maybe we want one more for now. That is the slide, the presentation title, the cover slide. Right. So I'm going to attach this one more time. Cover slide. Um, we do not want this to be the slide title, so we're just going to detach that and we're going to make this, like, whatever we're gonna make it large.

[00:06:49] Um, We're going to make it large again. And we're going to bottom align this one. I think this is probably too big, but that's fine. I think that's fine. And then what we're going to do is we're just going to, maybe I should've just left one of those slide. Yeah. That looks, nice subtitle. Okay. And then we're going to make this one also.

[00:07:17] So another thing we wanna do is make a style for these fills. So we're going to come here, you're going to add this one. We're going to call it slide background. Okay. And then when you do is take all of these and you can apply the same thing. So you can come here slide background. Now they're all the same. And so if you decide to change that later, you can change that in the styles.

[00:07:44] And so that's sort of the benefit of this is you can change it here on your template slide for an individual template, or you can change it globally. So this is for all the slides. Um, great. So great start. And then, uh, we'll probably want to do the same for the text. So let's do this. We're going to do 33, nice.

[00:08:06] We're going to call this one, um, text color. Create that, and then what you can do is if you grab like one, you know, this is 000, right. You can come over here and go select all with same.

[00:08:25] Fill. Yes. So, it's going to select all of them. And then we can just come here and go text color, and now they're all the same. Cool. So you've got that under control. Come back to your presentation page. Now it's blank what you want to do is create frame again, and I forgot you can, you know, you can come in here and grab this.

[00:08:47] This is the same size 1920 by 1080. It doesn't matter. I like to always start my first slide here. And then, um, so we're going to call this cover slide and then we're going to go to assets. Um, you can go to assets or you can actually, um, and it's under local components and you can drag these over and then you just want center.

[00:09:11] This, you can also like center it this way by tapping the middle of both. You can also go over to the template and you can copy this. And when you paste it, it's going to paste it as a, um, instance. So that works too either way. Now, the reason we do that is we want to layer things in here and I'll show you what that looks like.

[00:09:32] So I'm just going to duplicate my cover slide. I'm just going to hit command D and then if you click on the instance, you'll see that it's just the instance highlighted here. If you come over to the instant swap menu menu here, you can swap it here. So you've got, um,

[00:09:52] my first slide.

[00:10:06] right. So I've customized this a little bit and what's cool. Is these instances you can swap them once the text has been entered. So right now it's just column one column two column three. And if you switch this to two columns, you'll see that it carries that text with it. Um, so that's really handy. And then when you y'know duplicate this, you can, um, so I'm just gonna call this one slide one, slide two.

[00:10:37] Um, when you duplicate this again, you can come in here, you could swap this for Top Title only. Now the reason that we layer it is if you want to bring in an image. So let's say like, we're, this is our image, right? You still want to be able to have this inside a frame? You can't nest new things inside instances.

[00:10:57] So I can't put this in here and that's why we have a frame in a frame. Um, and that's why you want to do it that way. Uh, plus just the benefits of being able to swap these and have like a master somewhere like you can come back here and you can decide that, you know, I want this one, just the two column to be a different color.

[00:11:18] Um, or if you wanted to come to the styles menu and you're like, ah, I want these all to be like, uh, you know, a different typeface, like, right. So you've got like a bunch of different ways to customize and that's why, you know, it's kind of nice to have, um, it's nice to have like a couple of different layers of functionality in using, you know, using components.

[00:11:43] You're using styles, right.

[00:11:48] Okay. And then you can put your image here and then you can see it's layered in. Now. If you click on just one of these, go to export and export it as a PDF, right. You're just

going to get this one slide. And if you select all three of these, and then you go to export and you export as PDF, you're going to get three separate PDFs.

[00:12:14] But if you go to the menu file export frames to PDF, like I said, it's going to export this as a singular PDF of every frame on this page. And so the way it works is just like, when you present this, it's going to go left to right top to bottom. So if you order your slides like this, you know, vertically.

[00:12:39] It's still going to be in the correct order. And if you do this still gonna be in the correct order, so left to right top to bottom. Um, but if you do like this Figma, doesn't respect these titles. So it doesn't know that, you know, one and two need to follow in that order. So you always want to make sure that like left to right top to bottom, and that's going to work for presenting and for exporting as PDF.

[00:13:07] So that was like the quickest dirtiest overview. I hope that was helpful. And there's more information on presentation.design, I have an article that I'll link that, um, is just our latest, like sort of Figma features that are really helpful for presentation design. Let me know if you have other questions.

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

Last updated on Jun 23rd, 2022

Make beautiful presentations in Figma

Figma Illustrations How to

Learn how to make neat-looking slides and present them effectively using Figma.

I get it. Since you discovered Figma, you got used to all its benefits and you find all the other tools to create visuals simply “not good enough”. You want to make pretty-looking slides but Powerpoint or Google Slides keep on putting limits on your imagination and effectiveness.

Well- not to worry about it, you can make your slide deck in Figma. This post sums up tips on how to make beautiful presentations in Figma fast, effectively, and how to present like a pro.

Tip: Before you start, make sure to grab the Figma community file for this guide.

What you’ll learn here

• How to work with Figma frames
• Useful tips for designing the slides
• The quickest way to add icons and illustrations to Figma
• How to adjust the graphics without disrupting them
• How to present with Figma (with a useful hack)

1. Start with frames

To create the slides use Figma frames . You can make a frame with the frame tool, which is enabled by hitting the F key or simply choosing it from the menu. Every frame will become a slide in the final presentation.

As the name suggests, frames create a sort of a border for your slides and all content you’ll drop and move to it will become part of the frame.

The ideal dimensions for each slide (and therefore frame) are 1270 x 720 px.

Ordering slides

Once you get to the presentation view, the slides will appear ordered based on their coordinates on the canvas. First, by x-axis from left to right, and then by y-axis from top to bottom.

That means if your slides are in two rows, the ones in the upper row will be shown first, from left to right, and the view will continue to the second row, again left to right — kind of like when reading a book.

Find the Frame tool in Figma

Once you get to the presentation view, the slides will appear in the order you have the frames numbered in the Figma file, so it’s best to create them in the order you want to present them or make sure they are numbered correctly.

Tip: Check Clip content in the right-hand side panel when the frame is selected. The graphics and shapes you’ll use will not be going over the frame’s edges in your file.

2. Design the deck

The most fun part- at least for me :). I always start by choosing the color palette for the project. I use site coolors.co to get inspired.

The color palette I used for the slide deck

Then, I set up the slides by placing text snippets and maybe background patterns or shapes, so I have an idea of the style of the final presentation.

3. Add icons and illustrations supa-fast

Nice icons and illustrations always make your slides more interesting and key points memorable. With Iconfinder’s copy-to-clipboard feature, you can copy and paste them to your Figma file super-quickly.

Tip: Go download the free illustrations pack used for these slides.

• Go to Iconfinder and find the graphic you’d like to use.
• Hover over the chosen item and press ⌘+C on Mac and Ctrl+ C on Windows. The format that is chosen will be copied to your clipboard. I recommend copying SVG. It’s better quality and you can easily change the colors to match your design then.
• Paste it into your Figma file.

It’s super-quick!:) And you don’t need to install any plugins. You just need to be on a Pro plan to be able to do this, so if you’re not a Pro subscriber, you can jump on a 7-day free trial and give it a go.

4. Adjust the graphics

Make sure to use the Scale tool in Figma when you are enlarging the graphics or making them smaller. You can enable it by hitting the K key or choosing it from the menu (under the cursor icon). By using this tool, you will keep all properties of the graphic intact.

If you want to make the illustrations or icons match your color scheme, the quickest way is to find Selection colors when an item is marked, choose the color you’d like to change, and pick a new one that matches your palette.

This way, you will recolor all elements with the same color within the graphic.

5. Present like a pro

You turn on the Presentation view by clicking on the play button in the right upper corner in Figma. Then you can move between the slides using keyboard arrows.

If you want to share your slides made in Figma you can generate a sharing link under the blue sharing button. If don’t want to show off the whole Figma file add ?viewer=1 at the end of the sharing link URL. That way the user on the other end will only be able to access the file in the presentation view.

Related blog posts

Jun 24th, 2022

Free July 4th stickers

This July 4th, celebrate freedom with stickers!

Jul 5th, 2022

Introducing Pro Enterprise

We have launched a new Pro subscription plan for large teams.

Jul 6th, 2022

How to add stickers to Trello

Learn how to add your own stickers to Trello and make your board much more fun to work with (+Free sticker pack).

Get 10 credits for premium content

Sign up for a free trial of Iconfinder Pro. Access all high-quality icons and illustrations, invite your team members and get the first 10 credits on us.

Then $9 per month. Cancel anytime.

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.

• Skip to Content ↓
• Skip to Footer ↓

Export compressed JPG, PNG, SVG, WebP, AVIF, GIF and PDF files from Figma, reducing sizes by up to 95%.

Magically turn your Figma designs into animated presentable slide decks, or export them to PowerPoint.

Export Figma to Sketch, XD, After Effects or Import XD, Illustrator, Google Docs, PDF to Figma.

Easily create and export responsive, production ready HTML emails (eDMs) from Figma.

Everything you need to easily export, import, localize and update text in your Figma designs.

Animate and export production ready banners from Figma to HTML, GIFs and Videos, in seconds.

Securely share your Figma designs and prototypes as password protected URLs or PDF files.

Export production ready favicons (with code) for your website or PWA from Figma in seconds.

Compare and visually QA your Figma designs against real website URLs using smart overlays.

Supercharge your Figma comments and gather external feedback from stakeholders.

Batch crop/resize multiple images into multiple sizes with presets, smart cropping and face detection.

Inspect your Figma layers as clean HTML, Tailwind, React or Vue code in one click.

• Free Figma Presentation Templates

Duplicate our Free Figma Presentation Templates with one click. 100% free for personal and commercial use.

Browse Figma Presentation Templates

Check out our professionally designed free Figma Presentation Templates to kick-start your own project.

100% Pitchdeck Compatible

Our free Figma Presentation templates are all 100% compatibile with the Pitchdeck Figma plugin.

Welcome to the party, pal. 1,257,200+ plugin users.

Never send a human to do a machine's job — join thousands of top performing designers , developers and copywriters using our Figma Plugins to automate their work.

Privacy and security focused.

All of our Figma plugins are designed for privacy and security first — your data and content belongs in your Figma file.

Extreme Customer Service.

We’re obsessed with providing the best service to always make sure it was a good day for you and your team.

Thank you for the insights Adam. Greatly appreciate the timely response !

You are the best ! Thank you so much for all your help.

Thanks for the quick reply ! IT WORKED!! Thanks so much :)

Awesome, thank you so much! This just saved my day !

Thank you so very much, Adam! I appreciate your speedy response and resolution.

Wow, just wow ! Thank you so much for taking your time for building this.

Thanks for your help, totally solved my problem !

Thank you for replying back to me so fast !

You’re incredible Adam. Thank you so much!

Thank you so much for the quick response , it worked!

Thanks for your help, what an incredible support you provide !

Thank you very much for helping pin down the problem!

The hero your team needs, but not the one it deserves.

Join our mailing list to hear about our new Figma plugins as they're released, plus free merch and Nic Cage fanfare.

Follow @hypermatic for feature updates 🚀

Copyright © 2019 - 2024

All Rights Reserved

Figma Plugins

Documentation.

• Privacy Policy
• Terms of Service
• Bannerify Docs
• Commentful Docs
• Convertify Docs
• CopyDoc Docs
• Crypto Docs
• Emailify Docs
• HyperCrop Docs
• Pitchdeck Docs
• Pixelay Docs
• TinyImage Docs
• Weblify (Beta) Docs

Free Figma Templates

• Free Figma Email Templates
• Free Figma Banner Templates
• Browse all free templates (38) ⟶

Hypermatic Articles

• From Three to Four
• Company Flow
• Browse all Hypermatic articles (27) ⟶

Hypermatic Tutorial Videos

• How to export HTML emails from Figma to Ongage using Emailify
• How to export HTML emails from Figma to SendX using Emailify
• Browse all video tutorials (204) ⟶

How to Create Master Templates for Presentations in Figma

Your changes have been saved

Email Is sent

Please verify your email address.

You’ve reached your account maximum for followed topics.

Why Your Front Camera Selfies Look Bad (and How to Fix Them)

I curated the perfect list of free adobe software alternatives, 6 ai tools to easily get rid of background noise in your audio or video recording.

If you’re creating a stylized presentation, but don’t want to employ overused templates from PowerPoint, Google Slides, or Canva, you can create your own master templates for your future presentation designs.

This is a great option for those who want themed presentation designs or who need to follow a branded style guide. Keep reading to find out how to use Figma to create master templates for your presentations.

1. How to Set Up a Figma Document for Presentations

Sign up for a free account at Figma.com , or if you already have an account, log in. You can use Figma directly in your browser, or you can download the desktop app .

Open a New design file , then click Untitled at the top to rename your file, such as “Presentation Master Template”. On the left, click Page 1 , then the plus sign to add a new page. Rename the new page to “Template”. This allows you to keep your master slides separate from your design slides later on.

To create a frame—Figma’s name for an artboard or canvas—use the Frame Tool ( F ), then click anywhere to open a frame. In the right-hand settings, change the W and H attributes to a suitable presentation size; we’re using 1920 x 1080, which is the standard screen size. This is going to be your first master template.

Double-click the blue title at the top of the frame to rename it. Think about the page layout you’re planning and name it accordingly—for example, “Top Title Two Column” or “Top Title Right Picture” would be helpful.

2. Design the Presentation Layouts

To help with layout design, you can use the layout grid. To turn it on, select your frame, then on the right-hand toolbar, click the plus sign next to Layout Grid. This opens a red translucent grid on top of your design.

To create columns—which are easier to design with—click the square-dotted grid icon under Layout Grid, then click Grid in the dropdown and choose Columns . Set the count to 12, which is typical for screen design. The grid does not save onto your final design. You can temporarily switch it on or off using the eye icon or permanently remove it by clicking the minus icon next to the eye.

Whether you use the layout grid or not, you can begin adding basic placeholder components to your first slide layout. Overall, the layout of your slides is up to you.

3. Create a Two-Column Text Layout

Let’s start with designing a top title with a two-column body text slide. To add your title placeholder, use the Text Tool ( T ), and type “Title Placeholder”. The default text size in Figma is pretty small, so with your placeholder typed, highlight it and use the right-hand settings to increase the size and choose a font— download a font if necessary . You can also set the kerning and other attributes.

To accommodate the width of the slide, increase the width of the title text box by clicking and dragging the corner to the right. Leave a margin on each side. This means the text box will accommodate different title lengths in future presentations.

To add a two-column body text area, use the Text Tool ( T ) and drag the text box according to your layout grid, leaving enough room for a second column of the same size next to it.

With your text box in place, choose a suitable font and size. Select the text box and duplicate it by holding O ption (Mac) or Alt (Windows) while dragging the box. This creates a two-column layout; however, you can use this system to design other type of layouts.

4. Add a Background Color or Image

You can set a background color by selecting the frame and going to Fill on the right-hand menu to choose a color. But if you’d rather use an image, or a set of images, as a background, you can. Just drag your background image from a folder onto your frame. You can resize it right away by dragging the corners to fit your frame.

If using an image as a background , ensure you arrange the image to be at the back or bottom of the layers for each slide by right-clicking and choosing Send to Back , or by dragging it to the bottom on the left-hand layer palette.

To further edit the image, under Fill , click Image in the dropdown. You’ll be able to change the blend mode, crop factor, and other aspects. To change the opacity, change the percentage next to the dropdown menu.

For an individual image that isn’t a background, use the Frame Tool ( F ) to draw a frame where you want the image to sit, and drag the file from your computer into the frame. Then you can use the same settings as before.

5. How to Create Text Styles in Figma

When creating a master template, the text styles should be consistent throughout all the slides. This can be done manually by setting each text component to be the same, but if you have many slides, this can be tedious to do. The good news? You can automate your text styles in Figma.

With the chosen text selected—for example, a subtitle in its preferred style, font, and size—click the square of four dots next to Text in the menu on the right. Click the plus sign to set a new style.

In the popup, name the style—for example, “Slide Title or Body Text”. When designing other slides in this template, you can pick the listed style in the text menu by selecting the text and choosing the style. To unlink the style and override the feature, click the broken link icon that appears when hovering over the text style title.

It works similarly for colors. Select something with the color you want, then click the Figma menu button and Quick Actions . Type “Select all with same fill” and it will select everything of the same color. Then you can set that as color style under the Fill menu in the same way as making a text style. This works well for background colors by simply selecting the frame and choosing your color.

If you aren't following a style guide already, there are many ways to generate color palettes .

6. Create Components

To be able to use your templates later, they need to be components, so they link. To turn the frame into a component, select the current frame and click Cmd + Option + K (Mac) or Ctrl + Alt + K (Windows).

The frame’s title will turn from blue to purple with a diamond icon to show that it’s now a component. Then, to duplicate the frame, click Cmd + D (Mac) or Ctrl + D (Windows) once, and drag the new frame to the right of the first one.

Detach the component of the duplicate from the original by right-clicking the new frame’s title and choosing Detach instance . Rename the new slide with an appropriate title for its layout. Add the new design to the slide and then make it its own component by clicking Cmd + Option + K (Mac) or Ctrl + Alt + K (Windows). This process needs to be done each time you create a new slide.

When designing the layout for each new slide, use your ready-made text and color styles to save time. Complete this process with as many base slides as you require, ensuring they’re all titled with descriptive names.

7. How to Use Your Master Slides

To use the slides for your future designs, choose Page 1 in the Pages menu—with your template being under its own title—and create a new presentation-sized frame. Then, on the left, click Assets > Local Components where your template slides should be. Drag the template slides onto your new frame, and center it. Edit the placeholders for your content.

Follow this same process until your presentation is complete.

Save Time by Making Your Own Master Templates in Figma

You can provide your master template to teammates or co-workers, keep it for your personal use, or even sell them as design packages. While it may initially seem daunting to create a slide master template, it will aid productivity when you make future presentations in Figma, ultimately saving time.

• Productivity
• Presentations

🎁 Disc. 25% off for sevice special on Before Holiday Program Today! 🎁

#startwithpower

Our designers just create something for you. Show your love with downloading their works for free.

• PowerPoint Collection

2022 Essential Presentation Template Featuring the Figma Tool

Ulfah Alifah

• Published on November 9, 2021

Table of Contents

Create your next presentation with our 2022 Essential Presentation Template featuring the Figma tool. All the illustrations in this project were made with the Figma tool, which means that you can customize them however you want using the tools inside!

How to get the 2022 Essential Presentation Template using the Figma version?

Easy! For every one purchase of presentation templates (PPT, Google Slides, and Keynote), you will get free 2022 Essential in Figma version wrapped in one file.

👉🏻 PowerPoint Version

👉🏻 keynote version, 👉🏻 google slides version.

We will show you the tutorial video on how to get this 2022 Essential Presentation Template. Check this out!

There are a couple of awesome things about keeping your 2022 Essential Presentation Template within Figma

So, what’re benefits will you get by downloading this asset?

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

Get this beautiful template for your Figma presentation! It’s free and ready to be cloned.

2022 Essential Presentation Templates

Whether you need to present a school project, business report, or business pitch, the following templates for Powerpoint will make a great impression. Don’t settle for a boring and unattractive presentation when you can have the 2022 Essential Presentation Template designs.

2022 Essential Presentation Template designs provide you with many elements: road maps, conference features, objectives, services, infographics, meet the team, and many more. Also, you can present your information in slides with one column, two columns, or three columns, which you can add images to the slides with multiple columns.

Using any of these 2022 Essential Presentation Template designs, you will have so many different ways to organize and present your information to appeal to the audience visually. Let’s discover them together with us!

2022 Essential 1

This PowerPoint template includes everything you need to make a compelling presentation. You can adapt these attractive slide designs for your PowerPoint presentation. You can also change the colors to make this match your business branding.

2022 Essential 2

Get PowerPoint presentation inspiration with 2022 Essential. These polished PowerPoint slide designs will convey your message and engage your audience. These professionally designed motivational slides are easy to customize for your own presentation needs.

2022 Essential 3

Data visualization elements make your statistics and other data enjoyable. You can also change the background of these motivational slides to include your color, a gradient, or even a photo.

2022 Essential 4

This template is all about PowerPoint presentation inspiration. Customize this 2022 Essential PowerPoint theme with your text and pictures. Then, share your unique message with your audience. So, you can choose the slide designs that fit your presentation needs.

2022 Essential 5

Build a powerful presentation with this minimalist design PowerPoint template. You’ll find all the slide designs you need. They include great-looking title pages, image placeholders, and icons. This 2022 Essentials look complements your inspirational topics for a PowerPoint presentation well.

2022 Essential 6

You can quickly create a tremendous motivational PowerPoint presentation. This best-selling PowerPoint template has a clean mockup design. tmendousNotice how each slide highlights your information without being cluttered or busy. With over 600 slides, 2022 Essential presentation inspiration won’t be hard to come by.

2022 Essential 7

Here’s another popular slideshow design. It includes elements like infographics, maps, and device mockups. Choose between light and dark versions of many color themes. You can get the presentation to look exactly right for your business. The 2022 Essential theme is versatile and fits inspirational topics for a PowerPoint presentation.

2022 Essential 8

If you like choices, you’ll like this 2022 Essential presentation Template for PowerPoint. It gives you plenty of options for creating a good PowerPoint presentation. There are over unique slides and color themes (with light and dark variations). You’ll never have a shortage of PPT presentation design inspiration for motivational PowerPoints.

2022 Essential 9

With unique slides, you’re never at risk of repeating yourself while building motivational slides. This is a stunning and professionally designed motivational presentation PPT. It’ll impress viewers from any background. You’re going to love the extra attention to animations that create the motion to excite an audience.

2022 Essential 10

2022 Essential has enough elements to give you PowerPoint (PPT) design inspiration with more data visualizations. These professionally handcrafted slide designs will help your PowerPoint presentation stand out for any audience. The minimalistic design will help your listeners focus on your message rather than being distracted by clutter.

See also: 2022 Essentials Multipurpose Presentation Template

Use these 2022 Essential Presentation Template Examples to create your presentation

If you need to create a PowerPoint presentation, we’ve got you covered. Get slide inspiration from PowerPoint presentation examples. You’ve learned the characteristics that make a good PowerPoint presentation.

Let’s visit RRSlide to download free PowerPoint presentation templates with many categories. But wait, don’t go anywhere and stay here with our Blog to keep up-to-date on all the best pitch deck template collections and design advice from our PowerPoint experts yet to come!

See more what’s inside of 2022 Essentials: https://bit.ly/2022-Essential-MultipurposePremiumPowerPointTemplate

🚀 Need an EXCLUSIVE presentation template of 2022 Essentials? Grab this fast: https://bit.ly/Exclusive-Item-2022-Essential-Multipurpose-Premium-Template 🚀 Perhaps you want our FREE 2022 Essential presentation template too, get it now: https://bit.ly/Free-Sample-2022-Essential-Premium-Template

Let’s do some collaborations: [email protected].

More Articles

RRGraph Design Signs CSR Partnership, Starting from Poverty Reduction to Land Ecosystems Preservation

RRGraph Design Signs CSR Partnership, Starting from Poverty Reduction to Land Ecosystems Preservation This is …

5 Ways of Using Your Digital Presence to Grow Your Business in 2023

Increasing visibility is among the main aims of businesses in today’s chaotic markets. In this …

Simple Ways to Make Your Office Run Smoother

Running a successful office is no easy feat. With so many moving parts and people …

Reliable place to create PowerPoint slides.

• Testimonial

Marketplace

• All products
• Subcription

Office Address

Simpang L.A. Sucipto Gg. 22A No.85, Malang 65126

+6281 334 783 938 [email protected]

Business Hours

Monday – Saturday 07:00 – 18.00 WIB GMT+9

People Also View

• 30+ Best PowerPoint Template for 2021
• 50+ Best Pitch Deck Template by Top Startups
• How Much Does It Cost for PowerPoint Presentation Services?
• How to be PowerPoint Experts?

© 2021 by RRGraph Design. All rights reserved.

• Terms of Use
• Privacy Policy
• Product Delivery Policy

Join our community

You will receive monthly tips, stories, and exclusive freebies!

• #app design
• #design resource
• #free download ui kit
• #free icons
• #free ui kit

Free figma templates by category

• Figma Uncategorized 4039
• Figma App Designs 1240
• Figma Web / Landing Pages 929
• Figma Icons 396
• Figma Dashboard/UI Kits 338
• Figma Mockups 147
• Figma Illustrations 131
• Figma Resume / CV 69
• Figma Wireframes 28
• Figma Components 23
• Figma Widgets 16
• Figma Design Systems 10
• Figma Social Media 5
• Figma Hero Section 5
• Figma Presentations / Slides 5
• Figma Mobile App UI Kits 4
• Figma Objects 3
• Figma Animations 1
• Figma Doodles 1
• Figma Ecommerce 1
• Figma Shapes 0

Browse By Industries

• Construction
• Entertainment
• Human Resrouce
• Neumorphic Style

Browse By Colors

42 free figma templates for presentation, download 42 freebies matching to presentation tag and speedup your design workflow. 42 handpicked and professionally deigned figma free templates available for presentation tag..

Presentation

Free Figma Template by stasyabis

Presentation Template 02

Free Figma Template by Oscar

Presentation Deck (60+)

100+ Figma Page Layout Collection (Presentation, A4, A5)

Showtime Presentation Templates

Free Figma Template by Aakarshna

Portfolio Presentation Guide & Template

Free Figma Template by Oliver Engel

Free Business Professional Presentation Template

Free Figma Template by Made by RRGraph

Free Point Features Professional Presentation Template

Dark Presentation Deck

Business Presentation Figma Template | BRIX Templates

Free Figma Template by BRIX Templates

Case Study Presentation Template

Free Figma Template by Tsan Tsai

30+ Free Presentation Slides

Free Figma Template by Abell Vo

UX Design Case Study Presentation Template

Presentation Template - by Blush

Free Figma Template by Blush

Presentation Template with Yuppies Illustrations

Presentation Template with Amigos Illustrations

Free presentation template with Wormies illustrations

Presentation Template with Brazuca Illustrations!

Keynote Presentation Template with Colorful Illustrations

Presentation Template with Monsters Illustrations

Presentation Template with Fitz Illustrations

Free presentation template with Croods illustrations

360 Figma Presentation Slides

Free Figma Template by Vlad Muslakov

Mockit UI - Ultimate UI Mockup Presentation Kit (Pro 1.0)

Free Figma Template by Bony Fasius Gultom

Free Pitch Presentation Design Template

Free Figma Template by Marvis

Case Study Presentation Layout for Design Interviews

Free Figma Template by Feyza Okumus

Mobile App Presentation by Rijal

Free Figma Template by Syaiful Rijal

Website and Dashboard Presentation by Rijal

Best and Handpicked collection for best ui freebies from around the world for Figma, Adobe XD and Sketch.

• 4039 Figma Uncategorized
• 1240 Figma App Designs
• 929 Figma Web / Landing Pages
• 396 Figma Icons
• 338 Figma Dashboard/UI Kits
• 147 Figma Mockups
• 131 Figma Illustrations
• 69 Figma Resume / CV
• 28 Figma Wireframes
• 23 Figma Components
• 16 Figma Widgets
• 10 Figma Design Systems
• 5 Figma Social Media
• 5 Figma Hero Section
• 5 Figma Presentations / Slides
• About Figma Freebie
• Terms of use
• Privacy policy