How to Use Elements and Classes

What are Elements and Classes


Elements and Classes are a tagging mechanism available on your Projects to classify specific design elements. Elements are single use while Classes have a dropdown associated with them and are saved across Projects for later use. 

Elements are great for naming any item on a specific project as a note of reference for internal purposes. 

Classes are best to use when leveraging a tag that might be used across multiple projects since it is saved in a dropdown once used. This helps avoid things like spelling errors from occurring while tagging your elements.

Classes can also be added programmatically via our PDF uploader. If layers have been pre-named in your PDF prior to upload, Design Huddle will auto-convert those layer names to classes. This is a setting that is not turned on by default. To turn this on please reach out to support@designhuddle.com


Common Use Cases

  1. Autopopulation

The most common use for these tags is if you are leveraging the Design Huddle Template Customization Object via an embedded integration. The Template Customization Object allows you to auto-populate your design (text, shapes, media, and background) via an API script. For example, users could fill out a form with their information and upload images which could be populated into an existing Template using the Template Customization Object. 


2.   Excluding Items on Export

Any element placed on the editor can also be tagged to not be exported out of Design Huddle. If your Template has any guidelines or markings to help the user design but are not required for export, you can tag this element as “no_print” and it will not export with the rest of your design. For example, this can be helpful for printers who are adding crop marks and bleed manually for their users. The bleed lines can be added directly to the design as a SVG and then marked to not export. 

How to Tag Design Elements

  1. Click on any design element within your project
  2. Add your Element or Class Name at the top of the left menu

Note: If you would like this feature enabled in your account, please contact us at support@designhuddle.com.