How to Make a Diagram in Word (SmartArt and Shapes)

by

The fastest way to make a diagram in Word is SmartArt: go to Insert > SmartArt, pick a layout such as a process, cycle or hierarchy, and type your text into the shapes. Word handles the layout, spacing and colors for you.

If you need a diagram SmartArt cannot draw, such as a flowchart with decision branches or a custom layout, build it from Shapes and connector lines inside a drawing canvas. This guide walks through both methods step by step, plus how to style, align and troubleshoot your diagram.

Quick Answer

  1. Click where you want the diagram in your document.
  2. Go to Insert > SmartArt (in the Illustrations group).
  3. Choose a category on the left (for example, Process), pick a layout and select OK.
  4. Type your text in the Text pane or directly in each shape.
  5. Use the SmartArt Design tab to add shapes, change colors and apply a style.

In This Guide

Before You Start: Which Kind of Diagram Do You Need?

This guide covers Word for Microsoft 365 on Windows and Mac, with notes for Word for the web, as of September 2026. Recent standalone versions such as Word 2021 and 2024 use the same menu names. You do not need any add-ins or extra software.

A diagram shows how ideas, steps or people relate to each other. It is different from a chart, which plots numbers (sales per month, survey results). If your content is numeric, you want Insert > Chart instead; see the section on charts below.

Before you start, sketch the diagram on paper or list its parts in a few lines. Decide:

  • What type it is: a sequence of steps (process), a repeating loop (cycle), a ranking or reporting structure (hierarchy), overlapping ideas (relationship, such as a Venn diagram), or a free-form layout such as a flowchart.
  • How many items it has: SmartArt layouts work best with a small number of short items. Large, detailed diagrams are easier to manage with shapes.
  • Where it goes: wide diagrams may fit better on a landscape page.

Microsoft’s two main tools map neatly onto these needs:

  • SmartArt is a set of ready-made diagram layouts. You supply the text; Word draws and arranges the shapes. It is fast and consistent, but the layout controls where shapes go.
  • Shapes are individual rectangles, ovals, diamonds, arrows and lines that you place yourself. They take longer but allow any layout, including standard flowchart symbols.

Method 1: Make a Diagram With SmartArt

SmartArt is the best choice for most everyday diagrams: steps in a process, a simple cycle, a list with icons, a pyramid or a small organization chart. The steps below follow Microsoft’s guide to creating a SmartArt graphic.

Insert the SmartArt diagram

  1. Click in your document where the diagram should go. Put it on its own empty line so it does not split a paragraph.
  2. On the Insert tab, in the Illustrations group, select SmartArt. Expected result: the Choose a SmartArt Graphic window opens.
  3. On the left, choose a category. Common ones are List, Process, Cycle, Hierarchy, Relationship, Matrix, Pyramid and Picture.
  4. Click a layout in the middle to see a larger preview and a short description on the right. The description tells you what the layout is good for and how many items it handles well.
  5. Select OK. Expected result: the diagram appears with placeholder shapes labeled [Text], and the SmartArt Design and Format tabs appear on the ribbon.

Add your text

  1. Open the Text pane if it is not already visible: select the diagram, then click the small arrow on its left border, or select Text Pane on the SmartArt Design tab.
  2. Click the first [Text] bullet in the Text pane and type your first item.
  3. Press Enter to add a new item. Expected result: Word adds a matching shape and resizes the diagram automatically.
  4. Press Tab to make an item a sub-point of the one above it (for example, a detail under a step, or a team member under a manager). Press Shift + Tab to move it back up a level.
  5. To remove an item, delete its line in the Text pane. Its shape disappears too.

You can also click directly in a shape and type, or paste a short list into the Text pane to fill several shapes at once.

Add or rearrange shapes

  1. Select the shape next to where you want a new one.
  2. On the SmartArt Design tab, select the arrow next to Add Shape.
  3. Choose Add Shape After or Add Shape Before (hierarchy layouts also offer options such as Add Shape Above, Below or Assistant).
  4. To change the order, select a shape and use Move Up or Move Down on the SmartArt Design tab.

Change the look

  1. Select the diagram.
  2. On the SmartArt Design tab, select Change Colors in the SmartArt Styles group and pick a color set. These colors follow your document’s theme.
  3. Hover over the SmartArt Styles gallery to preview effects, then click one to apply it. Subtle styles usually read better in printed documents than 3-D effects.
  4. To switch to a different layout without retyping, hover over the Layouts gallery on the SmartArt Design tab and pick another one. Your text carries over, although some layouts show only part of it.
  5. To format a single shape, select it and use the Format tab to change its fill, outline or shape (for example, Change Shape).

SmartArt is also the quickest route to two popular diagram types that have their own guides: how to make a Venn diagram in Microsoft Word (Relationship category) and how to create an organizational chart in Word (Hierarchy category).

Method 2: Build a Custom Diagram With Shapes and Connectors

Use shapes when SmartArt’s layouts do not fit: flowcharts with yes/no decisions, network or system diagrams, floor-plan sketches or any layout with arrows going in several directions. Microsoft covers these tools in Add a drawing to a document.

Step 1: Insert a drawing canvas

A drawing canvas is a frame that holds several shapes together. Everything inside it moves as one unit, text around it stays out of the way, and connector lines work more reliably. Microsoft recommends it when you work with several drawing objects or connectors.

  1. Click on an empty line where the diagram should go.
  2. Go to Insert > Shapes, and at the bottom of the menu select New Drawing Canvas. Expected result: an empty rectangle with a border appears in your document.
  3. Drag the canvas handles to make it roughly the size your diagram needs. You can resize it later.

Step 2: Add shapes

  1. Click inside the canvas to select it.
  2. Go to Insert > Shapes (or use the Insert Shapes gallery on the Shape Format tab) and pick a shape. For flowcharts, the Flowchart section of the gallery has the standard symbols: an oval-ended Terminator for start and end, a rectangle (Process) for steps and a diamond (Decision) for yes/no questions.
  3. Click and drag inside the canvas to draw the shape. Hold Shift while dragging to keep it evenly proportioned (a perfect circle or square).
  4. To make another shape just like it, select the shape and press Ctrl + D to duplicate it, or copy and paste it, then drag the copy into place. Reusing one shape keeps sizes and formatting consistent.

Step 3: Connect the shapes

A connector is a line that attaches to connection points on shapes. When its ends are attached, the line stays connected and reroutes as you move the shapes around, which a plain line does not do.

  1. Go to Insert > Shapes and, under Lines, choose a connector such as the Elbow Arrow Connector or Curved Arrow Connector. A plain arrow also works for simple diagrams.
  2. Move the pointer over the first shape. Expected result: small dots (connection points) appear on its edges.
  3. Click a connection point on the first shape and drag to a connection point on the second shape, then release.
  4. Select one of the shapes and move it slightly to test. If the connector follows, it is attached. If it stays behind, delete it and draw it again, making sure each end lands on a dot.
  5. To label a decision branch, add a small text box (Insert > Text Box, or Shapes > Text Box) next to the line with “Yes” or “No”.

If you need custom arrows, such as thicker or double-headed ones, see how to make an arrow in Word.

Step 4: Style the shapes and lines

  1. Select a shape (hold Ctrl and click to select several at once).
  2. On the Shape Format tab, use Shape Fill, Shape Outline and Shape Effects, or pick a ready-made look from the Shape Styles gallery.
  3. Select a connector and use Shape Outline to change its color, weight (thickness), dash style and arrowheads.
  4. To make your current formatting the default for new shapes or lines, right-click a formatted shape and choose Set as Default Shape (or Set as Default Line) if your version shows that option.

Adding and Formatting Text in Diagram Shapes

Clear labels matter more than decoration. These steps work for both SmartArt shapes and regular shapes.

  1. Select a shape and start typing. For a regular shape, you can also right-click it and choose Add Text (or Edit Text if it already contains text).
  2. Select the text and use the Home tab to change the font, size and color, just like normal text.
  3. If text does not fit, make the shape larger, shorten the label, or reduce the font size. Keep one font size for all shapes at the same level so the diagram looks even.
  4. To control spacing inside a shape, right-click it, choose Format Shape, and look under Text Options for text box settings such as internal margins and vertical alignment. Options there can vary by version.

In SmartArt, Word shrinks the text to fit all shapes evenly. If one long label makes all the text tiny, shorten that label or move the detail into the surrounding paragraph.

Align, Group and Position Your Diagram

Line shapes up neatly

  1. Turn on gridlines to help you judge spacing: on the View tab, select Gridlines. They do not print.
  2. Select the shapes you want to line up (hold Ctrl and click each one).
  3. On the Shape Format tab, select Align and choose an option such as Align Center or Align Middle.
  4. With three or more shapes selected, use Align > Distribute Horizontally or Distribute Vertically for equal gaps.
  5. Use the arrow keys to nudge a selected shape in small steps.

Group shapes so they move together

If you did not use a drawing canvas, group the finished diagram so it does not fall apart when you edit the text around it.

  1. Hold Ctrl and click each shape and line in the diagram.
  2. On the Shape Format tab, in the Arrange group, select Group > Group. Expected result: one selection box surrounds the whole diagram.
  3. To edit one piece later, click the group, then click the individual shape inside it. Select Group > Ungroup if you need to separate them again.

Control how the diagram sits in the text

Select the diagram or canvas, then select the Layout Options icon that appears beside it. In Line with Text keeps the diagram on its own line and moving with the text, which is the most predictable choice. Square or Top and Bottom wrapping let you position it more freely.

Word for Mac and Word for the Web

Word for Mac

Word for Microsoft 365 for Mac supports both SmartArt and shapes. Use Insert > SmartArt to open the layout gallery, and Insert > Shapes for shapes and connector lines. The formatting tabs are named SmartArt Design and Shape Format, as on Windows. Use the Command key where Windows uses Ctrl (for example, Command-click to select several shapes). The drawing canvas option may not appear in every Mac version; if you do not see it, group your shapes instead.

Word for the web

Word in the browser has a smaller set of drawing tools, and what it offers has changed over time. Microsoft has announced an Insert > Drawing option that opens a drawing canvas with shapes, text boxes and pen tools, followed by Save and Close to place the drawing in your document. SmartArt created in the desktop app is kept in the file, but creating or editing it in the browser may be limited. For anything beyond a simple drawing, open the document in the Word desktop app.

Other Options: Charts and Visio

Insert > Chart is for data, not diagrams

If you want bars, lines or pie slices based on numbers, use Insert > Chart instead. Word opens a small spreadsheet where you type the data, and the chart updates to match. Diagrams made with SmartArt or shapes do not use data at all.

Visio in Microsoft 365

Microsoft’s dedicated diagramming app, Visio, has a lightweight web version called Visio in Microsoft 365. According to Microsoft’s Visio in Microsoft 365 page, it is included with many work and school plans (such as Business Basic, Business Standard, Business Premium and several Enterprise and education plans), but not with Microsoft 365 Personal or Family. It handles basic diagrams such as flowcharts, block diagrams, Venn diagrams and pyramids.

If you have it and need a large or frequently updated diagram, you can build it there and then bring it into Word, for example by copying it or exporting it as an image and inserting it with Insert > Pictures. For most documents, though, SmartArt or shapes in Word are enough.

Which Method Should You Use?

Your diagram Best tool Why
A short sequence of steps SmartArt (Process) Fastest; spacing and arrows are automatic
A repeating cycle SmartArt (Cycle) Ready-made circular layouts
An org chart or family tree SmartArt (Hierarchy) Tab and Shift + Tab set levels
Overlapping ideas SmartArt (Relationship, Venn layouts) Circles overlap evenly
A flowchart with yes/no branches Shapes and connectors in a drawing canvas Full control over direction and labels
A system, network or layout sketch Shapes and connectors Any shape, anywhere
Numbers over time or categories Insert > Chart Built from data
A large diagram updated often, on a work plan Visio in Microsoft 365 Purpose-built diagram editor

A practical rule: start with SmartArt. If you find yourself fighting the layout, switch to shapes.

Tips for a Clear Diagram

  • One idea per shape. Use short labels, ideally starting with a verb for process steps (“Submit form”, “Review request”).
  • Keep one reading direction. Left to right or top to bottom, not both.
  • Use shapes consistently. The same shape and color should always mean the same kind of thing. In flowcharts, keep ovals for start/end, rectangles for steps and diamonds for decisions.
  • Label every decision branch. Each arrow leaving a diamond should say “Yes” or “No” (or similar).
  • Limit colors. Two or three theme colors are easier to read and print than a rainbow.
  • Fit it on one page. If it does not fit, split it into smaller linked diagrams or use a landscape page.
  • Add alt text. Right-click the diagram and choose View Alt Text (or Edit Alt Text) to describe it for people using screen readers.

Troubleshooting

The SmartArt button is grayed out

The document may be open in Compatibility Mode (an older .doc format) or in a view that does not allow graphics. Save the file as a .docx with File > Save As, or select File > Info > Convert if that option appears, then try again.

Connectors do not stay attached

The ends were not dropped on connection points, or you used a plain line instead of a connector. Delete the line and draw a connector from the Lines section, releasing each end on a dot. Drawing inside a drawing canvas also helps.

Shapes jump around when I type in the document

The shapes are anchored to paragraphs and move with them. Put the diagram in a drawing canvas or group it, and set its layout to In Line with Text.

SmartArt text is too small

SmartArt shrinks all text to match the longest label. Shorten long labels, reduce the number of items, or choose a layout with larger shapes.

I cannot select a shape behind another one

Select the shape on top and use Send Backward on the Shape Format tab, or open the Selection Pane (Shape Format > Selection Pane) and click the shape by name.

The diagram looks different on another computer

Theme colors and fonts can differ between documents and versions. If the diagram must look identical everywhere, save or share the document as a PDF.

Frequently Asked Questions

What is the easiest way to make a diagram in Word?

SmartArt. Go to Insert > SmartArt, pick a layout, and type your text. Word draws and arranges the shapes for you.

Can I make a flowchart in Word?

Yes. Simple step-by-step flows work with SmartArt Process layouts. For flowcharts with decisions, use the Flowchart shapes under Insert > Shapes and join them with connector lines inside a drawing canvas.

What is the difference between SmartArt and Shapes?

SmartArt is a ready-made layout that arranges shapes for you based on your text. Shapes are individual objects that you place and connect yourself. SmartArt is faster; shapes are more flexible.

Can I convert SmartArt into regular shapes?

In many versions, the SmartArt Design tab includes a Convert option with Convert to Shapes. After converting, you can move each shape freely, but you lose the automatic layout. Save a copy first in case you want to go back.

Do I need Visio to make diagrams in Word?

No. SmartArt and shapes are built into Word. Visio in Microsoft 365 is an extra option on eligible work and school plans if you want a dedicated diagram editor for basic diagrams such as flowcharts; Microsoft notes it does not support complex types such as engineering diagrams.

How do I save a Word diagram as an image?

Right-click the diagram and look for Save as Picture. If it is not available in your version, copy the diagram and paste it into an image editor, or save the document as a PDF.

Summary

  1. Decide what kind of diagram you need and sketch it first.
  2. For most diagrams, use Insert > SmartArt, choose a layout and type in the Text pane.
  3. Use the SmartArt Design tab to add shapes, change colors and switch layouts.
  4. For flowcharts and custom layouts, insert a New Drawing Canvas, add shapes and link them with connectors.
  5. Align, distribute and group shapes so the diagram stays tidy.
  6. Use Insert > Chart for numbers, and Visio in Microsoft 365 only for large diagrams on eligible plans.

Next step: open a blank document, insert a SmartArt Process layout, and type the three to five steps of a task you know well to get comfortable with the Text pane before building a bigger diagram.

Related posts: