make a landing page for an surreal indoor-garden app that creates dreamlike planting recommendations based on personality. variation 1: hero section with a 8s video on loop. ethereal greenhouse feel. use /generate-video variation 2: warm, paper-textured storybook aesthetic rendered in watercolor
Memorable designs, made easy
From unique creative strategies to automated refinement passes, Kombai does the heavy lifting. So you get polished designs, whether you have a clear creative direction or just a rough idea.
Built-in creative references
Before starting to design, Kombai draws from a curated library of inspirations to build a unique creative strategy.
Bring your own inspirations
Use any website, Figma design, or image as a design reference. Guide the agent further with custom design.md files, rules, or skills.
Refine before you review
Kombai automatically runs 1 to 3 refinement passes before showing you the design. So the first version you see is already several iterations in.
Use handpicked style guides
Pick from a gallery of beautiful style-guides to give Kombai a visual direction of your choice. Use one as-is or customize it to create your own variation.
Explore multiple directions
Kombai can generate multiple variations in each pass. This lets you quickly review several creative concepts before deciding which path works best for your project.
Iterate on an infinite canvas
Refine every design until it feels right. Edit visually, explore creative variations, and make changes in natural language - all directly on the canvas.
Make precise edits
Select any element in your design and directly edit its text and styles right inside the canvas.
Generate variations
Use built-in presets like "soften colors" or "increase content density," or write your own instructions to quickly explore different creative directions.
Generate variations
Customize what to vary in the generated designs.
Update with natural language
Change and update your designs in natural language. Furthermore, add visual snippets or elements from a design to give the agent precise context.
Versions for all screens & modes
Generate versions optimized for different screens or light/dark modes. Send them to the agent for bulk updates or code generation.
Generate Version
Choose a device and color mode for the version.
Scale consistently with design systems
Leverage design systems to create consistent designs at scale. Import from your existing repo, Figma, or website; or create new ones from designs generated by Kombai.
Style Guides
Lightweight instructions that guide Kombai toward a specific visual style or vibe. Use one from the gallery, or create your own.
Themes
Reusable set of design tokens that define a detailed design language. Swap them instantly or edit them for live updates across all associated designs.
Blocks
Reusable design elements and components for Kombai to reference when generating designs. Organize them into a canvas to build your own component libraries.
Canvas to code in a single click
Kombai keeps designs implementation-ready, with structures, styles and states that translate cleanly into code. Just switch to Code Mode to build production-quality frontend, or export HTML in a click.
Build for production with Code Mode
I'll implement this using your existing Card component and design tokens.
Turn designs into code using Kombai’s frontend-specialized coding agent. It follows your stack, reuses code from your repo and runs automated tests.
Instant HTML export
Export or copy HTML for any design instantly, with styles and assets built in. Use it directly in your workflow or pass it as an input to any agent of your choice.
One platform.
Every Workflow.
Organize locally
Put the .canvas files in any folder structure you'd like. Add comments to your designs and notes on your canvases to share your thoughts.
Share canvases
Share .canvas files via slack, email or cloud. Anyone with Kombai extensions can open them as is.
Collaborate via git
Manage and collaborate on your design files via git, just as you would for your code files.
