Go to the Visual elements tab to review all the elements that have been extracted from your original files.
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.
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
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.
Expand the element to view each layer and add instructions if needed. For some layers, you can also add or remove visual assets.
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.
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.
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.
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.
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.
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.
Turn text into art with Adobe Firefly
Create beautiful images and video clips from text prompts using generative AI.