Train Style IDs

Last updated on Mar 11, 2026

Learn how to train and test Style IDs to define layouts, spatial rules, ensure brand consistency in generated designs, and publish them using Firefly Design Intelligence.

Note

Firefly Design Intelligence is currently a limited-time release.

Training Style IDs helps Firefly Design Intelligence understand your brand's design system, establish element relationships, and layout rules. This ensures visual consistency when designs are resized or adapted. Once you've established these rules, you can confidently generate multiple design layout variations knowing they'll maintain your design standards.

To train Style IDs, you require:

  • Adobe Illustrator with Firefly Design Intelligence enabled
  • A Style ID that has already been created with assigned design assets
  • Understanding of your brand's layout and spacing requirements

Work with Visual elements, Layouts, and Spatial rules

Note

Before you begin, create a Style ID to extract visual elements from the Illustrator document and to understand the layout and spatial rules within the design assets.

Go to the Visual elements tab to review all the elements that have been extracted from your original files.

View all the extracted elements from the file layers in the Visual elements tab.

Expand the element to view each layer and add instructions if needed. For some layers, you can also add or remove visual assets.

Add more assets to the layer, remove existing ones, or include instructions for the visual elements that have been extracted.

Use the Layouts tab to view the layouts and orientations that Firefly Design Intelligence has learned. 

Select suitable platforms from the Channels dropdown menu. Choose your preferred layouts from the detected options using the checkbox to train the Style ID.

Use the Layouts tab to view the layouts and orientations that Firefly Design Intelligence has learned.

Go to the Spatial rules section to define how elements relate to each other when aspect ratios change.

Select an element from your design to activate the Pin section. Select a second element using the dropdown menu to pin to the first element.

In the Pin section, use the dropdown menu to choose a second element to pin to the first element.
In the Pin section, use the dropdown menu to choose a second element to pin to the first element.

Select Pin to define the relationship between these two elements.

Tip

Pinning elements together creates reference points that help Firefly understand which design elements should maintain their relationship when resizing. This is especially useful for logos, headlines, or other elements that require maintaining a specific position relative to one another.

In the Fit mode section, choose how your design fills different aspect ratios:

  • Cover: Fills the area completely, maintaining aspect ratio. Overflow is cropped. 
  • Contain: Fits entirely within the area, maintaining aspect ratio. May leave an empty space.
  • Fit width: Matches the target width; height adjusts proportionally
  • Fit height: Matches the target height; width adjusts proportionally.
  • Stretch: Fills both dimensions, ignoring aspect ratio. Can distort the element.
  • Repeat to width:  Tiles horizontally to fill the width. Images only. 
  • Repeat to height: Tiles vertically to fill the height. Images only. 
The Fit mode and Apply to sections are open, and an orientation is displayed along with the selected fit mode options under it.
Use the Apply to section to select the layouts where these spatial rules will be applied when creating new designs.

In the Apply to section, select the layouts you want these spatial rules to apply to when generating new designs. Choose Select all if you want the spatial rules to apply to all orientations.

Test and publish your trained Style ID

Once you're satisfied with your visual elements, layouts, and spatial rules, create new artboards with different aspect ratios within the same Illustrator document.

Select the Test button to populate the artboards with new designs.

Review the generated designs to ensure they meet your brand standards and adhere to the established layout and spatial rules. Once satisfied, select the Publish icon.

In the Confirmation Required dialog box, select Confirm to publish the Style ID.

You can also switch between the generator and trainer mode by selecting the hamburger menu   on the top-right of the Style ID panel and then selecting Switch to Generator mode or Switch to Trainer mode.

The hamburger menu displays options like Reload Panel, Switch to Generator Mode, About Firefly Design Intelligence and more.
Select Reload Panel to refresh the panel.

We recommend testing your Style ID across multiple aspect ratios to identify any necessary adjustments to your spatial rules before using them in production workflows. If the generated layouts don't meet your expectations, return to the  Visual elements, Layout, and Spatial rules section and refine the selected settings.

Note

Training is an iterative process. You may need to adjust settings, define rules, and retest several times to achieve optimal results across all your target designs and aspect ratios.