PATRYK KULPOK
← BACK TO SYSTEM MAPSYSTEM MAP ENTRY

SYSTEM 01

DRAWITAR

AR DRAWING + AI MOBILE APPLICATION

Mobile application for drawing with AR overlays, supported by AI generation and a custom backend infrastructure.

FLUTTERFASTAPIPYTHONCOMFYUIAIANDROID

SYSTEM IDENTITY

SYSTEM IDDRAWITAR-01

STATUSACTIVE PROJECT

TYPEMOBILE / AI / AR

AR drawing mobile application with practical workflow for sketch-based overlays.

01 / OVERVIEW

DRAWITAR MAP

DrawItAR is a mobile application for drawing with AR overlays where a reference image can be used as a sketch and traced through the phone camera.

The implementation is expanded with practical modules: sketch processing, drawing tools, a studio for saved material, timelapse recording, AI generation, backend API endpoints, account handling, and premium functions.

02 / USE CASES

DRAWING WORKFLOWS

UC-01

TRACE A REFERENCE

Use the phone camera and AR overlay to trace a reference image as a drawing guide.

UC-02

PREPARE A SKETCH

Process and position an image, then refine it with drawing, grid and camera controls.

UC-03

RECORD THE PROCESS

Capture drawing progress as a timelapse while working through the mobile flow.

UC-04

GENERATE MATERIAL

Send an image-driven job through the backend and ComfyUI worker for AI-assisted material.

UC-05

MANAGE THE STUDIO

Store and organize created material in My Studio for later use.

03 / CORE SYSTEM

CORE SIGNAL MAP

The core system is organized as three layers: a mobile client, backend API, and AI processing worker. This keeps the responsibility boundaries clear between interface, orchestration and generation.

Core system map

  1. MOBILE CLIENT
  2. BACKEND API
  3. AI WORKER

04 / ARCHITECTURE

SYSTEM ARCHITECTURE MAP

The architecture separates the phone client from backend and worker steps. Media and control flow stays inside a single system map from image capture through generation and back to the app.

Detailed architecture chain

  1. Flutter Android Client
  2. FastAPI Backend
  3. Job / AI Processing
  4. ComfyUI Worker
  1. Generated Result
  2. Mobile Client

05 / FEATURES

FUNCTION NODE MAP

  1. F-01

    AR drawing overlay

  2. F-02

    Sketch processing

  3. F-03

    Image rotation / positioning

  4. F-04

    Grid

  5. F-05

    Freeze frame

  6. F-06

    Camera zoom / focus controls

  7. F-07

    Timelapse recording

  8. F-08

    My Studio

  9. F-09

    AI generation

06 / AI PIPELINE

AI PROCESS FLOW

AI path starts with image input on the app side and ends with generated result delivery to the same mobile interface.

AI generation pipeline

  1. IMAGE INPUT
  2. BACKEND
  3. JOB
  4. COMFYUI
  1. AI GENERATION
  2. RESULT
  3. MOBILE APP

07 / TECH STACK

TECHNICAL LAYER

  • Flutter
  • Dart
  • Python
  • FastAPI
  • ComfyUI
  • REST API
  • Android

08 / STATUS

PROJECT STATE

SYSTEM ID DRAWITAR-01

STATE ACTIVE PROJECT

DEPTH MOBILE AI PRODUCT NODE