Kombai AI

Kombai bills itself as an AI design engineer that spans three stages of frontend work: generating designs on a canvas, converting them into production-ready code, and letting developers visually edit the result in the browser. Design generation draws on curated design references to give output what the company describes as built-in creative taste, including AI-generated images, video, and animation assets, and the ability to build and manage a design system across variations. The code-generation side is built to understand an existing codebase rather than generate isolated snippets: a feature called Context Graphs analyzes the project so Kombai can reuse existing components from the repository, npm packages, or Storybook, and it claims support for best practices across more than 400 frontend libraries. Figma designs can be imported directly, and once code is generated, developers can edit text, styles, and layout precisely across the design canvas, the code, and the rendered UI at once. Kombai ships as an extension for VS Code, Cursor, and similar IDEs, with over 500,000 installs across macOS, Windows, and Linux, and it also integrates with the Model Context Protocol (MCP). It's aimed at frontend developers and design-to-code teams who want to go from a Figma file to editable, framework-specific code (such as React or React Native) without hand-translating every element. A free plan includes 300 credits per month, with paid plans starting at $20/month. The company does not state a founding year on its site.