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.

6 min readRead guide
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.

7 min readRead guide
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.

5 min readRead guide
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.

6 min readRead guide
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.

8 min readRead guide
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.

3 min readRead guide
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.

7 min readRead guide
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.

8 min readRead guide