Start with a Blueprint

Templates and Modification

The fastest way to achieve a high-fidelity, production-ready application is to start from a pre-built blueprint. Mattr's App Builder uses these templates—either auto-generated from a prompt or sourced from the Template Marketplace—to instantly provide a secure, structurally sound foundation. This workflow minimizes boilerplate setup, accelerating your path to deployment.

Launching and Refining the Blueprint

The application generation process immediately delivers a working structure for refinement:

• Prompt Generation: Articulate your requirements in plain language (e.g., "Create an onboarding app for SMB loans..."), and the App Builder autonomously generates the initial blueprint.

• Preview and Interact: Use the Preview tab to instantly interact with the generated application, testing responsiveness and navigating dashboards as if the app were already live.

• Continuous Refinement: Use the built-in chat window for continuous interaction. Provide natural language feedback to request modifications (e.g., "Change the color of the sidebar") or add new functional requirements. The platform interprets your input and updates the code and specifications accordingly.

Enterprise Customization and Brand Rigor

For production and enterprise deployment, applications must adhere to strict internal and brand standards. Mattr provides tools for full control over the visual presentation and the underlying technical documentation.

1. Applying Custom Brand Guidelines

Configure the look and feel to ensure brand consistency across all deployed Mattr applications:

• Theme Configuration: Easily configure the app’s themes and colors using a color picker, instantly seeing how changes reflect in the preview.

• Figma Integration: Achieve pixel-perfect fidelity using the Import from Figma feature. This tool automatically applies complex design guidelines and screenshots from approved design files, precisely building the application’s look and feel to match enterprise brand standards.

2. Reviewing the Technical Blueprint (Artifacts)

The App Builder generates not only the visual interface but also the complete technical documentation required for enterprise audit and governance. Access these documents via the Artifacts tab:

• Documentation: Review the Business Requirement Document (BRD) and Test Cases.

• Technical Specification: Examine the Tech Stack, Architecture Diagram, and Database Schema generated by the AI to ensure the solution aligns with internal compliance and architectural standards.

This process ensures rapid initial deployment while retaining the control required by developers and technical auditors for rigorous, customized enterprise solutions.