Web designers in HubSpot rely on five major assets: Templates, Coded Files, a Primary CSS, Custom Modules and a File Manager. Until now, those assets were spread throughout the platform, causing friction in the design process. Coming this week, the new HubSpot Design Manager unifies all of these assets into one screen, vastly simplifying the process for building out designs on the HubSpot COS.
You'll be able to access the Design Manager through the Content Menu. When you're first getting to used to the design manager, you'll have the option of taking a guided tour so you know exactly where to find everything.
Features of the Design Manager include:
- Tabs: Tabs enable you to have multiple files open at once and quickly hop between them as you work.
- Improved Code Editor: The code editor now has improved syntax highlighting and a search feature for moving more quickly through your code.
- Autosave on all layouts and files: What did the world do before autosave? We cowered. We cowered in fear of lost work.
- Custom Modules: Custom Modules allow web designers to use code to create styled elements of a page that marketers can then use throughout the site without needing to call the developer/designer back in. The custom module sets the style of the module and marketer can just edit the content.
- Primary CSS File: The Primary CSS file will be the main stylesheet used on COS setups. This is one style sheet to rule them all -- the one place to go in HubSpot to make universal style changes to your site or landing pages. In addition, every page will now have a "CSS attachment view" which makes it clear what styles are influencing the look of a given page.
- File Manager: While not new, the file manager is now integrated to be right alongside your other design assets and has some nice improvements to the way it manages files.
When the update goes live, you'll be able to take a guided tour similar to the example below.