The Design Manager is the primary development environment within HubSpot Content Hub. It is where developers create and manage the files that control how a website looks and functions.
Using the Design Manager, developers can build templates, create custom modules, edit styles, and manage theme files. These components define the structure that marketing teams later use to create and edit pages.
Understanding how HubSpot Content Hub Design Manager works is essential for developers who want to customize website design and functionality.
The HubSpot Content Hub Design Manager is a built-in development tool that allows developers to manage website design assets.
It acts as a workspace where developers can create and edit files related to website structure and styling.
Common file types managed inside the Design Manager include:
These files define how the website appears and behaves.
You can access the Design Manager inside HubSpot by navigating to:
Content → Design Manager
Once opened, the interface displays a file structure similar to a code editor or development environment.
Files are organized into folders that represent themes, templates, modules, and other assets.
The Design Manager includes several key areas that developers use regularly.
The file explorer displays all design assets in a structured folder layout.
Developers can create new files, edit existing files, and organize assets inside folders.
HubSpot provides a built-in code editor for writing and modifying template code.
Developers can work with:
The editor also includes syntax highlighting and error detection.
In addition to coding templates manually, HubSpot also provides a visual template builder.
This builder allows developers to arrange modules and sections visually to create page layouts.
These templates can then be used by marketers when creating pages.
Themes and modules are also managed inside the HubSpot Content Hub Design Manager.
Developers can:
Once saved, these assets become available in the page editor for content teams.
When a developer updates files in the Design Manager, those changes affect the templates and modules used across the website.
For example, modifying a template may update the layout of multiple pages using that template.
Because of this, developers typically test design updates carefully before publishing them live.
HubSpot Content Hub Design Manager serves as the central workspace for developers building and maintaining website design elements. By managing templates, modules, and styling in one place, the Design Manager allows teams to maintain structured and scalable website designs.