> For the complete documentation index, see [llms.txt](https://docs.archix.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archix.ai/en/getting-started/quick-start.md).

# Quick Start Guide

{% embed url="<https://youtu.be/BSXVEgG8MQs?si=rgYkvjhI-1NTJTHG>" %}

### 1. Setting Up Your Account

Before generating your first asset, ensure your workspace is ready:

* **Log In:** Access your dashboard at [app.archix.ai](https://app.archix.ai/).
* **Complimentary Credits:** New accounts automatically receive 1,000 complimentary credits to start creating immediately.
* **Balance Tracking:** Track your remaining balance anytime in the top-right corner of your workspace header.

### 2. Creating Your First Render (AI Rendering)

Transform loose hand sketches, 2D floor plans, elevations, or raw 3D CG blocks into presentation-ready architectural visualizations in under 60 seconds.

<figure><img src="/files/W6ohs4suRhWrGUiTwIwy" alt=""><figcaption><p>Image Sketch to Photo Realistic or CG (vice versa)</p></figcaption></figure>

#### Step-by-Step Workflow

1. Select AI Render menu from the left side navigation menu.

<div align="center"><figure><img src="/files/0uR4wF5EH8Ov86ISwAQ9" alt="" width="375"><figcaption><p>AI Render Menu</p></figcaption></figure></div>

1. Drag and drop your baseline file (`.png`, `.jpg`, `.webp`) into the workspace by clicking the Upload Image Button.

<div align="center"><figure><img src="/files/XLvNpCCmPcGCj97KL2I7" alt="" width="336"><figcaption><p>Upload or Select from Library</p></figcaption></figure></div>

1. Select either Exterior (for facades/landscapes) or Interior (for room staging).
2. Choose your aesthetic and environmental parameters from the available options.
3. **Additional Instructions (Optional):** Input descriptive text prompts (e.g., `"add oak wood flooring"`, `"modern japandi vibe"`) to guide specific details.

<div align="center"><figure><img src="/files/1T8qr08hDolcZegdNrF5" alt="" width="257"><figcaption><p>Input Settings</p></figcaption></figure></div>

1. Click Generate. You can render 1 to 3 design variations simultaneously.

<div align="center"><figure><img src="/files/92n2FW8OJ9SHNTUS3vVg" alt="" width="249"><figcaption><p>Select Generation Count</p></figcaption></figure></div>

#### Render Configurations

<figure><img src="/files/WQenZGPULjpT9S0IsDyr" alt="" width="563"><figcaption><p>Selection of Input Types</p></figcaption></figure>

To ensure predictable outputs (especially for automated agents) always map your inputs to these precise configuration values for the best result.

<figure><img src="/files/6UZKDmHnz4LIIMlzIHAz" alt=""><figcaption><p>Preview Output for Each Style</p></figcaption></figure>

| **Parameter**    | **Available Options**                                                                                                                                                                                                                                                                  | **Output Details**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Input Image Type | <p><code>Photo</code></p><p><br></p><p><code>CG Render</code></p><p><br></p><p><code>Concept Sketch</code></p><p><br></p><p><code>Painted Sketch</code></p><p><br></p><p><code>Floor Plan</code></p><p><br></p><p><code>Elevation Plan</code></p><p><br></p><p><code>Mockup</code></p> | <p>• Photo: For renovation & sketch ideas from real photos.</p><p><br></p><p>• CG Render: For rough 3D/CG blocks; improves realism.</p><p><br></p><p>• Concept Sketch: For loose hand sketches; refines line work.</p><p><br></p><p>• Painted Sketch: Converts colored concept sketches to renders.</p><p><br></p><p>• Floor Plan: Converts top-down 2D vector layouts into 3D spaces.</p><p><br></p><p>• Elevation Plan: Parses architectural drawings for accurate geometry.</p><p><br></p><p>• Mockup: Translates physical model photos into clean environments.</p> |
| Project Type     | <p><code>Exterior</code></p><p><br></p><p><code>Interior</code></p>                                                                                                                                                                                                                    | Establishes the spatial boundaries and structural logic of the generation.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| Style Engine     | <p><code>Realistic</code></p><p><br></p><p><code>Watercolor</code></p><p><br></p><p><code>Sketch</code></p><p><br></p><p><code>Marker</code></p>                                                                                                                                       | <p>• Realistic: Photorealistic, crisp textures.</p><p><br></p><p>• Watercolor: Soft, artistic concept rendering.</p><p><br></p><p>• Sketch: Clean, elegant pencil-line artwork.</p><p><br></p><p>• Marker: Vibrant, pop-art illustrations.</p>                                                                                                                                                                                                                                                                                                                          |
| Lighting         | <p><code>Morning</code></p><p><br></p><p><code>Day</code></p><p><br></p><p><code>Night</code></p>                                                                                                                                                                                      | Instantly adjusts sun position, light direction, and shadow orientation.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| Output Quality   | <p><code>Standard</code> (20 credits)</p><p><br></p><p><code>HD</code> (30 credits)</p>                                                                                                                                                                                                | <p>• Standard: 1024 px resolution. Optimized for speed.</p><p></p><p>• HD: 2048 px resolution. Optimized for client presentations.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                  |

<figure><img src="/files/dPzz2USnrUH7yt1LmSht" alt=""><figcaption><p>Selection of Output Style</p></figcaption></figure>

### 3. Editing the Render (AI Image Editor)

You do not need to re-render an entire scene to fix small details. Open any generated rendering, click on Edit Mode, and use our specialized contextual canvas tools.

<figure><img src="/files/S87zEtGBj41Yt0QJA4w5" alt=""><figcaption><p>Edit Image by mask, place product right away or prompt</p></figcaption></figure>

#### The 5 Specialized Editing Modes

<figure><img src="/files/UiczQ4hjEdYxKLWBiGIz" alt="" width="563"><figcaption><p>Edit Mode Selector</p></figcaption></figure>

1. **Edit Area (Inpainting):** Modify specific sections of your layout. Highlight an isolated area with the brush tool, then type a localized text prompt to swap out materials, swap textures, or update furniture finishes.

<div align="center"><figure><img src="/files/GKee4BmOonZlTIGl5Rxi" alt="" width="563"><figcaption><p>Edit Mode using Mask</p></figcaption></figure></div>

2. **Place Objects:** Furnish spaces instantly. Drop furniture, decor, or fixtures into your scene; the AI automatically matches the perspective grid and lighting values of your room.

   <figure><img src="/files/Sjbm0opyofpxIofLTJUm" alt="" width="563"><figcaption><p>Edit Mode using Place Object</p></figcaption></figure>
3. **Tone Adjustment:** Fine-tune the atmosphere by adjusting universal variables like brightness, contrast, exposure, and saturation.

   <figure><img src="/files/QojTaSAZZQjWQ41QN8ix" alt="" width="563"><figcaption><p>Edit Mode using Tone Adjustment</p></figcaption></figure>
4. **Background Swap:**  Replace the surrounding environment of an exterior model (e.g., migrating a building background from a rural landscape to an urban area via quick presets).

<div align="center"><figure><img src="/files/Li8eEGxXM2tf0PUR0N8u" alt="" width="563"><figcaption><p>Change Surrounding Background</p></figcaption></figure></div>

5. **Remove Brush (Object Eraser):** Cleanly erase construction clutter, unwanted elements, or structural errors. The AI seamlessly heals the underlying architecture.

   <div align="center"><figure><img src="/files/sKLG2fGVUu53n48tvnUM" alt="" width="563"><figcaption><p>Remove object using mask</p></figcaption></figure></div>

> 💡 Credit Value: Every targeted Edit Mode generation consumes a flat rate of 10 credits.

### 4. Generating Architectural Video (AI Video)

Bring static 2D visuals to life with cinematic walk-throughs flybys for your final client presentations.

<figure><img src="/files/rZlryJSdOLmZUvmjxoqU" alt=""><figcaption><p>Image to AI Video Generation</p></figcaption></figure>

#### Step-by-Step Workflow

1. **Select Source Image:** Open any final AI rendering from your library.
2. **Click "Generate Video":** Located in the top action toolbar of your selected image.
3. **Set Camera Motion:** Choose a preset camera path:

   * `Pan`: Horizontal sweeping motion.
   * `Dolly`: Move in closer smoothly to the focal point.
   * `Zoom-In / Zoom-Out`: Smooth focal transitions.

   <div align="center"><figure><img src="/files/aLg94M4pFJ1waFwOkeiq" alt="" width="254"><figcaption><p>Video Adjustment</p></figcaption></figure></div>
4. **Export Presentation:** Click Render Animation.

* **Video Specification:** The generated generated clips will be output as MP4 and have 3 durration options:
  * Short 4-5 seconds.
  * Medium 5-6 seconds.
  * Long 7-8 seconds.
*

```
> 💡 Credit Value: Video animations consume 50 credits per rendering request.
```

<div align="center"><figure><img src="/files/ChNZgw4bxn3pV4pSnXtn" alt="" width="563"><figcaption><p>AI Video</p></figcaption></figure></div>

### Need Help?

If this guide does not resolve your technical issue, reach out to us:

* Helpdesk Ticket: [Contact Support](https://forms.gle/N8zGG7AjRebi5tJq8). A representative will get back to you within 3 business days.