---
title: "Visualize text for presentations"
slug: "visualize-text-for-presentations"
date: "2024-11-13"
updated: "2024-11-13"
status: "published"
featured: false
access: "free"
difficulty: "beginner"
one_liner: "Learn how to quickly transform text content into visuals using Napkin AI."
tools: ["Napkin AI"]
topics: ["Presentation", "Graphic Design"]
roles: ["Graphic Designer"]
categories: ["Creatives and Multimedia"]
---

<!-- migrated_from_webflow_csv -->

<!-- UNRESTRICTED -->

<div class="unrestricted">

<p id="">In this tutorial, we'll walk you through the process of using <a href="https://www.napkin.ai/" rel="noopener noreferrer" target="_blank">Napkin AI</a> to transform your text into visuals. Napkin AI allows you to paste text content from anywhere and generate graphic representations with just a few clicks. No graphic design skills are needed!</p><p id="">Whether you're creating a report in Google Docs, a blog post in Medium, or an offline PowerPoint presentation, Napkin AI can help you visualize your ideas. It’s a great tool for bloggers, slide creators, and anyone else trying to express text content visually.</p><p id="">Let’s see how it’s done.</p>

</div>

<!-- RESTRICTED -->

<div class="restricted" data-access="pro">

<h3 id="">Step 1: Paste your text content into Napkin</h3><p id="">To get started, go to the <a href="https://www.napkin.ai/" id="" rel="noopener noreferrer" target="_blank">Napkin AI website</a>, click the "Get Napkin Free" button, and create a free account.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3818px" data-rt-type="image" id="" style="max-width:3818px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a20fdc_2T105803.257.webp" width="auto"/></div></figure><p id="">Once you've signed up and logged in, click the "New Napkin" button in the top left corner of the page, and select the "Blank Napkin" option in the dropdown. This will open up a blank canvas where you can start creating your visual.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3820px" data-rt-type="image" id="" style="max-width:3820px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479cd1ffea8de4a20f69_2T111910.545.webp" width="auto"/></div></figure><p id="">Now it's time to add the content you want to visualize. Copy the text you want to visualize from your source document and paste the content into your blank Napkin file. We’ll be working with an employee onboarding process document for this example.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3832px" data-rt-type="image" id="" style="max-width:3832px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a20fe9_2T105806.532.webp" width="auto"/></div></figure><div data-rt-embed-type="true"><div style="padding: 20px; margin: 10px 0; background-color: #ffe8ed; border-left: 5px solid #f78ae0;"><strong>💡 Tip:</strong> It can be helpful to paste in just the subset of content from the source document you want to visualize rather than the entire corpus of text. Especially, if you’re planning to bring the visualizations back into your source file.</div></div><h3 id="">Step 2: Generate and select a visual</h3><p id="">With your content in place, you can start generating visuals. To do this, hover over the specific part of your document that you want to visualize. Napkin AI will auto-display a blue lightning bolt icon that you can click to generate a visual for a specific chunk of text, or you can explicitly highlight the text you want to visualize.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3810px" data-rt-type="image" id="" style="max-width:3810px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a21017_2T105808.433.webp" width="auto"/></div></figure><p id="">As soon as you click the lightning bolt icon, Napkin AI will generate various visualization options based on your selected text. These visuals can include Venn diagrams, flowcharts, timelines, and more.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3814px" data-rt-type="image" id="" style="max-width:3814px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a20fe3_2T105810.068.webp" width="auto"/></div></figure><div data-rt-embed-type="true"><div style="padding: 20px; margin: 10px 0; background-color: #ffe8ed; border-left: 5px solid #f78ae0;"><strong>💡 Tip:</strong> Napkin AI will optimize the generated visualization options based on your content. For example, if you're visualizing an onboarding process, you might see options like a staircase icon, a timeline, or a pyramid.</div></div><p id="">You can hover over the left-side menu to preview and select the visualization you want. We’re going to go with a vertical timeline visual for our onboarding process content.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3816px" data-rt-type="image" id="" style="max-width:3816px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a20fe0_2T112046.308.webp" width="auto"/></div></figure><h3 id="">Step 3: Customize your visual</h3><p id="">After generating and selecting your preferred visual, you can further customize your chosen design by hovering over the different color schemes and visual styles of the graphic Napkin AI provides in the left-side menu. For instance, we’re going to select a more funky typeface for our graphic.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3812px" data-rt-type="image" id="" style="max-width:3812px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a20fe6_2T112025.781.webp" width="auto"/></div></figure><p id="">Once you’ve selected your base style, you can change individual components of the graphic (colors, fonts, icons, etc.) by clicking on the element and selecting different style options.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3814px" data-rt-type="image" id="" style="max-width:3814px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a20fef_2T105814.935.webp" width="auto"/></div></figure><h3 id="">Step 4: Share and download your content</h3><p id="">Once you're satisfied with your visual, you can download it as a PDF, PNG, or SVG file for use in other applications by selecting the entire visualization (or sub-components) and clicking the download button that appears in purple.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3816px" data-rt-type="image" id="" style="max-width:3816px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a20ff2_2T105816.386.webp" width="auto"/></div></figure><p id="">You can also share your entire Napkin AI file via the Share button in the top right corner, allowing anyone on your team to collaborate with you on the visualization.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" data-rt-align="fullwidth" data-rt-max-width="3818px" data-rt-type="image" id="" style="max-width:3818px"><div id=""><img alt="__wf_reserved_inherit" height="auto" id="" loading="lazy" src="https://cdn.prod.website-files.com/66eeba0c7a01b10910c883da/6726479ed1ffea8de4a20fd9_2T112725.328.webp" width="auto"/></div></figure><p id="">This tutorial was created by <a href="https://garretthoughton.com/" id="" rel="noopener noreferrer" target="_blank">Garrett</a>.</p>

</div>
