Automating code delivery

Supernova Design Continuous Delivery (DCD)

Supernova brings the very first Design Continuous Delivery system flexible enough to bend to any situation or technological stack.

How it works

  • Configure an automatic observer that watches for events in the design system
  • Select the exporter you would like to run when this change happens
  • Set a delivery URL for the generated code

 

This configuration is called a hook. With a hook in place, the DCD will work automatically:

  • Every time the specific event happens inside the design system, your exporter runs
  • Once the exporter finishes, the exported code is delivered to your destination automatically
Configuring Hooks

Configuring Hooks

Create a new hook - 1

Create a new hook

  1. Navigate to Code Integration → Hooks
  2. Click + New to show the configuration dialog
  3. Fill in the properties (all are required except Notify)
    • name — human-readable name of the hook
    • design system — the design system that will be watched
    • event — the event upon which this hook will be called
    • exporter — the exporter that will run when the event happens
    • notify (optional) — the API URL which should be called when hook finishes
  4. Click Next and select a delivery option
  5. The hook will trigger automatically on creation (default). If you would not like to trigger the build right away, turn this setting OFF.
  6. Click Confirm to create and enable the hook
Create a new hook - 2

Enable or disable hooks

  1. Navigate to Code Integration → Hooks
  2. Hover over the hook you would like to delete, and click the ••• icon
  3. Select Disable from the list
  4. The hook will be disabled
Enable or disable hooks

Delete a hook

To delete a hook:

  1. Navigate to Code Integration → Hooks
  2. Hover over the hook you would like to delete, and click the ••• icon
  3. Select Delete from the list
  4. In the confirmation dialog, click Confirm
Delete a hook