SYSTEM 01

DRAWITAR

AR DRAWING + AI MOBILE APPLICATION

Published Android application for AR-assisted drawing, sketch tracing, timelapse capture and AI-powered image workflows.

FLUTTERFASTAPIPYTHONCOMFYUIAIANDROID

SYSTEM IDENTITY

SYSTEM IDDRAWITAR-01

STATUSLIVE / GOOGLE PLAY

TYPEMOBILE / AI / AR

End-to-end mobile product released publicly on Google Play, combining Flutter, backend services, billing, ads and AI processing.

01 / OVERVIEW

DRAWITAR MAP

DrawItAR is an Android application publicly available on Google Play. Users choose a sketch from the library or a reference image from their gallery, then use the phone camera and an AR-assisted overlay as a drawing guide.

The product includes sketch processing and drawing filters, image controls, timelapse recording, Before / After results, My Studio for saved work and AI generation, supported by a custom FastAPI backend.

VIEW ON GOOGLE PLAY →

02 / PRODUCT SCREENS

PRODUCT IN ACTION

DrawItAR home screen

01 / 06

03 / 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.

04 / 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

MOBILE CLIENT
BACKEND API
AI WORKER

05 / 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

Flutter Android Client
FastAPI Backend
Job / AI Processing
ComfyUI Worker

Generated Result
Mobile Client

06 / FEATURES

FUNCTION NODE MAP

F-01
AR / camera-assisted drawing overlay
F-02
Sketch Library
F-03
Gallery image drawing
F-04
Sketch processing / drawing filters
F-05
Image rotation / positioning / scaling
F-06
Grid
F-07
Freeze frame
F-08
Camera zoom / focus controls
F-09
Timelapse recording
F-10
Before / After results
F-11
My Studio
F-12
AI generation
F-13
Premium / ad-free experience

07 / 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

IMAGE INPUT
BACKEND
JOB
COMFYUI

AI GENERATION
RESULT
MOBILE APP

08 / TECH STACK

TECHNICAL LAYER

Flutter
Dart
Python
FastAPI
PostgreSQL
ComfyUI
REST API
Google Play Billing
AdMob
Android

09 / STATUS

PROJECT STATE

SYSTEM ID DRAWITAR-01

STATE LIVE / GOOGLE PLAY

PLATFORM ANDROID

DISTRIBUTION GOOGLE PLAY

DEPTH END-TO-END MOBILE PRODUCT