Automation 101

Supernova makes bridging the gap between your design system and codebases simple and efficient with its powerful data model. By integrating with Supernova, you can automate and optimize code delivery, taking your design system elements to fully realized, multi-platform products.

Export design system elements effortlessly

Easily export design system components—like tokens, themes, vector assets, or icons—into production-ready code for any platform.

Automate code distribution

Streamline your workflow by automatically distributing generated code to your desired codebases using Supernova’s code automation tools.

Take full control of code generation

Prefer a hands-on approach? Run code exports manually and locally within your development environment, giving you complete control over what’s generated and how it integrates into your codebase.

Support for multi-platform delivery

Supernova empowers you to deliver code simultaneously across multiple platforms, ensuring consistency and efficiency in your development process.

 

For more detailed information about code automation, see the Supernova Developer Platform documentation.

 

Overview

Code pipelines

Pipelines automatically monitor events in a design system, trigger the appropriate exporter, and seamlessly deliver the generated code to your specified destination.

 

Exporters

Exporters are packages that convert design system data into production-ready code.