---
title: How to use Autofit
description: How to Use Autofit
---

[Skip to content](https://help.designhuddle.com/how-to-use-autofit-allusers#main-content)

English

Show submenu for translations

[Submit a Support Ticket](https://help.designhuddle.com/kb-tickets/new?hsLang=en) [Customer portal](https://help.designhuddle.com/support-portal?hsLang=en)

![Design-Huddle_expanded_border.png\]](https://help.designhuddle.com/hs-fs/hubfs/Design-Huddle_expanded_border.png?height=40&name=Design-Huddle_expanded_border.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a Support Ticket](https://help.designhuddle.com/kb-tickets/new)
- [Customer portal](https://help.designhuddle.com/support-portal)
- Design Huddle

 Design Huddle

 How can we help?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://help.designhuddle.com/?hsLang=en)
2. [Template Locking](https://help.designhuddle.com/template-locking?hsLang=en)

# How to use Autofit

Autofit allows text to automatically adjust in size so it fits within a fixed text box width. This is helpful when users may enter different amounts of text, but the design needs to stay within a specific layout.

Autofit is managed from the left menu for new Projects. Some legacy Projects may still show Autofit in template locking.

**When to use this**

Common use cases include:

- Keeping text inside a fixed design area
- Preventing user-entered text from overflowing
- Maintaining consistent layouts across editable templates
- Supporting designs where text length may vary

**How Autofit works**

When Autofit is enabled, Design Huddle adjusts the font size so the text fits within the text box boundaries. The text box remains the same size, and the font size decreases when more content is added.

Autofit can also include limits that control how the text should behave. These settings can help define how many lines are allowed, the maximum height of the text, what font sizes Autofit can use, and whether truncated text should include a suffix.

**Where to find Autofit**

Autofit is available in different locations depending on the Project and client setup.

For new clients, Autofit is available in the left menu when a text box is selected.

For existing clients, new Projects will use Autofit in the left menu. Legacy Projects that previously used Autofit in the right panel may still show Autofit in the template locking settings.

Going forward, Autofit should be managed from the left menu whenever that option is available.

**How to enable Autofit from the left menu**

To enable Autofit from the left menu, follow these steps:

1. Open the Project or template in the editor.
2. Select the text box you want to update.
3. Locate **Auto Fit** in the left menu.
4. Toggle **Auto Fit** on.
5. Click the settings icon next to **Auto Fit**.
6. Configure the available Autofit settings.
7. Save the Project or template, if applicable.

Once enabled, the selected text box will automatically adjust the text size to help keep content within the text box.

**Autofit settings**

The following settings may be available when configuring Autofit:

- **Max Line Count:** Sets the maximum number of lines allowed in the text box.
- **Max Height:** Sets the maximum height that the text content can use.
- **Font Size Limits:** Sets the minimum and maximum font size Autofit can use.
- **Truncation Suffix:** Adds a suffix, such as ellipses, when text is truncated.

When **Max Height** is enabled, the current height of the text box is used as the starting value. When **Max Line Count** is re-enabled, the current line count is used as the starting value.

**How to enable Autofit in template locking**

Use this workflow only for legacy Projects where Autofit is still available in template locking.

To enable Autofit in template locking, follow these steps:

1. Open the template in the editor.
2. Open the right menu.
3. Select the **Locking** tab.
4. Confirm you are in configuration mode.
5. Select the text box you want to update.
6. Confirm that **Text Content** is unlocked.
7. Select the **Auto Fit** checkbox.
8. Click **Back**.
9. Save the locking configuration.

Please note that the **Auto Fit** checkbox only appears when **Text Content** is unlocked.

**Changing or disabling Autofit**

To change Autofit from the left menu, select the text box, open the **Auto Fit** settings, and update the available options.

To disable Autofit from the left menu, select the text box and toggle **Auto Fit** off.

For legacy Projects using template locking, return to the **Locking** tab, select the text box, and update the **Auto Fit** checkbox.

**Best practices**

For best results, set both minimum and maximum font size limits when using Autofit.

This can help keep text readable while still allowing Autofit to adjust the content within the design.

- [Brands & User Groups](https://help.designhuddle.com/brands-user-groups?hsLang=en)
- [Projects & Templates](https://help.designhuddle.com/projects-templates?hsLang=en)
- [Accounts & Users](https://help.designhuddle.com/accounts-users?hsLang=en)
- [Template Locking](https://help.designhuddle.com/template-locking?hsLang=en)
- [Admin](https://help.designhuddle.com/admin?hsLang=en)
- [Editor](https://help.designhuddle.com/editor?hsLang=en)
- [User Portal](https://help.designhuddle.com/user-portal?hsLang=en)
- [MCP Server](https://help.designhuddle.com/mcp-server?hsLang=en)

[![Chill listening crop-3](https://help.designhuddle.com/hs-fs/hubfs/fbIcon.png?width=24&height=24&name=fbIcon.png "Chill listening crop-3")](https://www.designhuddle.com)

Design Huddle Knowledge Base

<https://www.facebook.com/designhuddle> <https://www.linkedin.com/company/designhuddle>

Copyright © 2026, Design Huddle