WaveMaker AI
A New Era of AI-Accelerated Application Development
WaveMaker AI represents a significant evolution of the platform. It marks a shift from traditional low-code development toward a modern, AI-accelerated approach to building applications.
With this release, WaveMaker brings together AI agents, design systems, and visual development into a single, cohesive experience. Developers can choose how they build—visually, with agents, or directly from design—without changing tools or workflows.
A Unified Development Model
WaveMaker AI supports three complementary modes of development, designed to work together rather than compete.
Visual Development
Developers can continue to use the visual canvas to design pages, configure components, and fine-tune application behaviour. Studio improvements make it easier to focus on layout, navigation, and structure while maintaining control over generated code.
Agent-Based Development (AIRA)
AI agents assist developers with common and repetitive development tasks using natural language prompts. These agents operate within the platform, helping accelerate development while keeping developers fully in control of outcomes.
Design to Code (Autocode)
Autocode enables direct conversion of supported design systems into working applications. Layout, styling, and components are generated automatically, allowing teams to move from design to implementation with minimal manual effort.
Design System projects
WaveMaker AI introduces Design System based approach for building UI applications.
With this all WaveMaker components now align with the WaveMaker UI Kit, ensuring consistency across projects and teams. Styling is driven by design tokens rather than custom CSS, enabling predictable theming and easier maintenance.
Key capabilities :
- Design System–based project creation for both web and mobile apps
- Design Tokens for global and component-level styling
- A dedicated Style Workspace for managing tokens and creating component variants
This approach significantly reduces styling overhead while improving consistency and scalability.
Autocode: Converts designs into production ready Code
Autocode is a figma plugin that converts supported designs into WaveMaker applications using a design-first approach.
Generated output includes:
- WaveMaker UI components aligned with the design system
- Design Tokens for theming and customization
- Auto Layout–based responsive containers
Autocode currently supports designs built using the WaveMaker UI Kit and Material 3, with plans to expand support to additional design systems. Generated projects can also be imported into WaveMaker Enterprise environments.
Aira: AI Agents for Application Development
WaveMaker AI introduces Aira, an AI agent framework designed to assist across the application development lifecycle.
Aira agents can help with tasks such as:
- API binding and integration
- Internationalization support
- Security configuration
- JavaScript code generation
- Backend service creation
- Screenshot-to-code conversion aligned with the design system
The agent experience is fully integrated into WaveMaker Studio, offering prompt-based interaction, chat history, and execution control. Agents are designed to accelerate development while keeping developers in control of decisions and outputs.
React Code Generation for Web Apps (Beta)
WaveMaker AI adds React code generation alongside Angular support for web applications.
Applications are built using the same WaveMaker markup, visual tools, and AI-assisted workflows, and can now be exported as React application code without any change to the developer experience.
Auto Layout
WaveMaker AI introduces Auto Layout, a visual layout system for building structured and responsive UIs without writing CSS. It aligns with design-first thinking while giving developers precise control over layout behavior.
Key capabilities
- Visual configuration for direction, alignment, spacing, wrapping, and sizing
- Support for both component-first and layout-first design workflows
- Consistent layout behavior across pages and sections
- Responsive layouts using configurable width, height, gap, and padding controls
A Connected Developer Ecosystem
With WM12, we are consciously bringing all of these together and deeply integrating them into a single, cohesive Product Ecosystem. This ecosystem aligns with our product strategy and is closely tied to the current WaveMaker platform, as we recreate and develop relevant content and features that directly support the product experience.
Documentation
The documentation experience has been restructured with new information architecture around developer personas and workflows. Deeplinking with Academy and Storybook ensures relevant content is easily discoverable.
Academy
Now WaveMaker Academy evolves into a developer onboarding platform with mentor-led learning paths, and certification-oriented programs backed by latest videos explaining the development concepts.
Component Storybook
Detailed component documentation is now available through Storybook, enabling interactive exploration and live property manipulation for both web (React) and mobile (React Native) components.
Marketplace
A new Product Marketplace being introduced to support reusable components, connectors, prefabs, design systems and industry-specific solutions.
Enhancements for Studio Developer Experience
WaveMaker Studio has been refined to support modern workflows and reduce friction during development.
Enhancements include:
- A more focused page workspace with increased canvas area
- Easier access to the page component tree and page switcher
- Page tree actions for updating and deleting elements
- Consistent terminology across the platform
One Platform, One Ecosystem
WaveMaker AI is not just an incremental update. It reflects a clear direction toward AI-assisted development, design system–driven consistency, and a unified developer experience.
By combining visual tools, AI agents, and design-led workflows, WaveMaker AI enables teams to build applications faster, maintain consistency at scale, and adapt to modern development needs with confidence.