Skip to main content
Once a Design System is created, you can edit its tokens, apply it to designs, attach it to the chat as context, or delete it.

Edit a Design System

You edit a Design System by editing its underlying .ds file — Markdown with a YAML front-matter block — directly from its detail page.
  1. Open the Design System’s detail page and click Edit.
  2. The source editor opens alongside a live preview, so you can edit any token or prose section directly and see the result.
  3. Click Save to apply the changes, or Cancel to discard them.

Apply a Design System

Applying a Design System regenerates the selected design using its tokens, while preserving the original layout and content.
  1. Select the design on the Canvas you want to apply the Design System to.
  2. Right-click the selection to open the context menu. Under the Design System section, open the Apply submenu.
  3. Select the Design System you want. Kombai sends a prompt to the agent to regenerate the selected design using the Design System’s tokens.
The Design System Gallery is where you browse and manage your systems — applying a system to a design is done from the Canvas context menu above.

Attach a Design System in chat

To attach a Design System to the chat as context:
  1. Switch to Design Mode from the modes dropdown in the chat input box.
  2. Click the icon in the chat input to open the Design System popover.
  3. Select the Design System you want to attach to the chat as context.

Delete a Design System

Deleting a Design System is permanent and cannot be undone.
  1. Open the Design System Gallery and switch to the My design systems tab.
  2. On the row or card for the Design System you want to delete, open the menu.
  3. Select Delete.