Creating code pipelines

Learn how to automate code delivery using pipelines.

Every time the event specified in the pipeline occurs in the design system, the pipeline will run. The following types of events can be watched for in the design system:

Source updated

The pipeline will run every time a data source is imported and it contains new or updated data. For example, if a Figma file is published resulting in updated design tokens.

Recommended when: you want your design tokens or vector assets to be updated whenever a change is published to your Figma libraries.

Version released

The pipeline will run every time a new version of a design system is released.

Recommended when: you use Supernova in production environments and you have a more mature design system with semantic versioning, to always keep your codebase up to date with the stable, polished version.

Head changed

Supernova will run the pipeline every time anything changes in your design system, with a short buffer window so you don't get overwhelmed with updates.

Recommended when: you are experimenting with a design system, and you want to push updates constantly to keep your design system data immediately up to date.

No event

The pipeline will not run unless manually triggered. Learn how to run a pipeline routine manually in Managing pipelines.

Recommended when: you would like to manually control exactly when your design system updates should be exported to code.