How to Make Simple Diagrams and Infographics with AutoDraw

What You Will Learn

By the end of this tutorial, you will know how to use AutoDraw to build simple diagrams and small infographics. You will learn how to plan a layout, combine icons and text, and keep the final image clear and easy to read.

Why AutoDraw Works for Diagrams

Most diagrams and infographics use small clean icons, short labels, and a clear layout. AutoDraw gives you clean icons for free, which is often the hardest part to make from scratch. You bring the layout and the words.

This tutorial assumes you already know the basic AutoDraw tools. If you do not, start with the Getting Started with AutoDraw tutorial first.

Step 1: Plan the Diagram Before You Draw

Before you open AutoDraw, write down what the diagram needs to say. A good diagram has one clear idea. If you are explaining three things, consider three smaller diagrams instead of one busy one.

A few helpful questions to answer first:

• What is the main point of the diagram
• How many items does it need to show
• What are the labels for each item
• Is there a flow from one item to the next, or are the items grouped by theme

A quick pencil sketch of the layout can help. You do not need to be neat. You just need to see where each item sits.

Step 2: Set Up the Canvas

Open autodraw.com. Think of the drawing area in sections. For most diagrams, a grid of two or three columns works well.

For a three-step flow, divide the area into three columns. For a grouped diagram, divide it into quadrants. These are suggestions, not rules, so use whatever layout fits your idea.

Step 3: Place the Icons First

Use the AutoDraw tool to add each icon. Draw rough shapes for each item on your list, and pick the clean suggestion that fits.

Place the icons in the same spots you planned in your sketch. Do not worry about perfect alignment yet. Get all the icons on the canvas first.

Keep icon sizes similar. If one icon is much bigger than the others, the diagram can feel uneven. Use the Select tool to resize and move any icon that looks off.

Step 4: Add Connectors for Flow Diagrams

If your diagram shows a flow or a process, add arrows between icons. Use the Draw tool for lines. Draw a straight line from one icon to the next, and add a small arrowhead at the end with two short strokes.

You can also try AutoDraw's arrow suggestions. Draw a rough arrow shape and see if a clean version appears in the suggestion row.

Keep the line style the same for every connector in one diagram. Consistent lines make the flow easier to read.

Step 5: Add Labels

Use the Type tool to add a short label under or next to each icon. Short labels read best, around one to three words for an icon.

Pick one font and use it for every label. Changing fonts between items makes a diagram feel uneven.

Choose a size that is easy to read but not so large that it crowds the icon. A medium font size is a safe default.

Step 6: Add a Title

At the top of the canvas, add a short title with the Type tool. A larger font size than the labels helps the title stand out. A title of three to six words is usually enough to say what the diagram is about.

If there is room, add a short subtitle below the main title. Keep the subtitle under about ten words so it does not pull focus from the visual.

Step 7: Use Color With Intention

Color works best as a tool, not as decoration. Use it to group related items or to highlight the most important part of the diagram.

Stick to two or three colors for the whole diagram. For example, one dark color for titles, one medium color for icons, and one bright color for the item you want to stand out.

Fill icons using the Fill tool. Leave some empty space so the diagram can breathe. White space makes a diagram easier to read.

Step 8: Review the Diagram

Step back from the screen and ask yourself a few questions.

Does the main point land in a few seconds. Are the labels clear without extra reading. Is there anything you can remove without losing the point.

If the answer to the last question is yes, remove it. Simpler diagrams communicate better.

Step 9: Download and Use

When the diagram is clean, open AutoDraw's main menu and look for a Download option. The image should save to your computer as an image file.

Check the file in your image viewer before using it in a slide or document. If the background or size is not what you expected, a simple image editor can help you adjust it. This saves time later when you drop the image into a final layout.

Summary

A good diagram in AutoDraw starts with a plan on paper. Place icons first, then add connectors for flow, labels for meaning, a short title, and color for grouping or emphasis. Keep the layout simple and remove anything that does not help the main point. Download the result as an image and adjust it if needed before using it in slides or documents.