> ## Documentation Index
> Fetch the complete documentation index at: https://slidely.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Formatting & Alignment Tools

> In this tutorial, you'll master the Slidely Formatting Tools to align, space, and resize shapes effectively. By the end, you'll be faster and more efficient in your design work.

<video src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-tools.mp4?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=eadc3977f21bbab779b8bfc6537e483d" controls={true} data-path="add-in-tutorials/formatting-alignment-tools/formatting-tools.mp4" />

## Step 1

Understand the concept of a Master Shape. The first shape you select becomes the Master Shape, and all other shapes align according to it. For example, if you select two shapes, the first one becomes the reference point for alignment.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step1.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=6b902f38b924885870f3117e16349925" alt="Master Shape concept" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step1.png" />

## Step 2

Align objects using the alignment features. To align three objects at the top of a line, make the line your Master Shape.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step2.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=446cbb5a0a4a97904603f1f59b1c9642" alt="Align objects" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step2.png" />

## Step 3

Select the other two objects and top align them.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step4.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=0798c517b0cbc93544b277f0ff6b622f" alt="Align left or center" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step4.png" />

## Step 4

Align objects to the left or center. Select the line as the Master Shape and align accordingly.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step6.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=f5e2cdf827eca97530510a9112028a5b" alt="Spacing tab" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step6.png" />

## Step 5

Use keyboard shortcuts for alignment. For instance, the shortcut for Align Middle is 'am'. Hold the 'A' key and press 'M'.

## Step 6

Distribute objects horizontally using the spacing features. Go to the Spacing tab.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step3.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=d828fb786d61c078d61424add794b033" alt="Top align objects" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step3.png" />

## Step 7

Click the **Distribute Horizontal** button.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step7.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=f2a91821336bf69a74d6726b63dfc790" alt="Distribute Horizontal" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step7.png" />

## Step 8

Adjust horizontal spacing. Select the objects and increase or decrease their spacing as needed.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step11.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=948c8382fcf07efad85745c1a28a4a84" alt="Swap Shapes" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step11.png" />

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step12.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=6779921d666efcf4eb65edf061a31e4f" alt="Make Same Size" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step12.png" />

## Step 9

Distribute objects vertically using the Distribute Vertical option.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step8a.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=0032d934eec1ba03cbaca670ec533044" alt="Adjust horizontal spacing" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step8a.png" />

## Step 10

Resize objects to make them uniform. Use the Make Same Width feature to make three rectangles the same width.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step9.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=3868e1c72e83f54eb62efe3beceaf9bc" alt="Distribute Vertical" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step9.png" />

## Step 11

Swap two shapes using the Swap Shapes feature.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step10.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=ab2d29917bc8a3e84339faea68233094" alt="Make Same Width" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step10.png" />

## Step 12

Make two shapes the same size, both height and width, using the Make Same Size option.

<img src="https://mintcdn.com/slidelyai-a8d576b6/eXyoedEwxUmANI7R/add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step8b.png?fit=max&auto=format&n=eXyoedEwxUmANI7R&q=85&s=94ee56f937e45e0aacaca39f2fffae00" alt="Adjust horizontal spacing" width="1728" height="1080" data-path="add-in-tutorials/formatting-alignment-tools/formatting-alignment-tools-step8b.png" />

***

By practicing these steps, you'll become proficient with Slidely's Formatting Tools, making your design process smoother and more efficient.
