Skip to main content

Guides

Guides and walkthroughs for getting the most out of Kombai.

Collaborate on a design with peers

Collaborate on a design with peers

Share a canvas through Git so teammates can review, comment, and iterate on the designs.

Make agents follow a design system

Make agents follow a design system

Apply your product’s existing visual language to new designs with a reusable Design System.

Use a live website as a starting point with Web Capture

Use a live website as a starting point with Web Capture

Bring any webpage or it's sections into canvas as editable designs and explore new directions.

Turn a design into frontend code

Turn a design into frontend code

Convert a Canvas design into frontend code that follows your project’s stack and conventions.

Refine a specific area of a design

Refine a specific area of a design

Select any part of a design, describe the desired outcome, and let Kombai improve it while preserving the surrounding visual style.

Export a design as PNG or HTML

Export a design as PNG or HTML

Copy or save designs as PNG or HTML for external use, then bring HTML exports back into Kombai for further iteration.

Give agents knowledge of your codebase with Context Graphs

Give agents knowledge of your codebase with Context Graphs

Index reusable code so Kombai understands and reuses existing components and patterns more consistently.

Explore different design directions with Generate Variants

Explore different design directions with Generate Variants

Quickly explore alternative styles, layouts, interactions, and responsive treatments while preserving your design’s core intent.