The color swatch block lets you download the color palettes defined in your guidelines for use in external applications.
How to add and use the color swatch block
To make your color palettes downloadable for external design and development tools:
In your guidelines, navigate to the page containing your colors block.
Enter Edit Mode.
Add a Color Swatch smart block
Exit Edit Mode.
Click Download on the block to download your color palette package.
Note: The color swatch block automatically gathers and exports all colors displayed across the guideline page. Individual palette selection within the block settings is no longer required or supported.
Included file formats
When you download the package, Frontify generates a ZIP archive containing four files:
colors.ase– Adobe Swatch Exchange format for Adobe Creative Cloud applications (Illustrator, Photoshop, InDesign).colors.less– LESS dynamic stylesheet definitions.colors.oco– Open Color Format palette for macOS Open Color Tools.colors.scss– Syntactically Awesome Style Sheets (SCSS) variables for web styling.
Tips & workarounds
Exporting specific palettes only: Because the color swatch block exports all colors placed on the active guideline page, you can isolate specific palettes by placing them on their own dedicated guideline page alongside a color swatch block.
Custom swatch files: If you need custom naming or specialized swatches not covered by the default export package, you can curate your
.asefile in design software and attach it directly to your guidelines using an attachments block.