Development of Flaz Design Automation Tool by Ekky ArmandiDevelopment of Flaz Design Automation Tool by Ekky Armandi

Development of Flaz Design Automation Tool

Ekky Armandi

Ekky Armandi

Flaz: Design Automation Tools

Flaz is a design automation product focused on eliminating repetitive catalog production. Designers define a layout template once with image slots and text fields; operators upload screenshots or scraped source material, and an OCR pipeline extracts prices, labels, and product attributes into structured data that lands on an editable canvas.
The product spans a browser-based React layout editor with Konva canvas tooling, a FastAPI backend with scan sessions and Tesseract-based extraction, Playwright PNG rendering for final catalog output, and organization-scoped workspaces where the same template generates many variants without manual retyping or re-placing assets.
I built the project as a Full-stack Developer in 4 weeks (May to June 2026) for an internal design team stuck redoing the same catalog layouts by hand. The MVP scope was exactly one workflow: screenshots in, extracted data on an editable canvas out. CMS publishing and social catalog distribution stayed on the roadmap.

Technology Stack

Frontend: React, TypeScript, Vite, react-konva, TanStack Query, Tailwind CSS
Backend: Python, FastAPI, SQLAlchemy, Alembic
Extraction: OpenCV, Tesseract OCR, reference-data matching
Rendering: Playwright headless Chromium, Konva render bundle
Data & Infra: PostgreSQL, S3, Docker Compose
Integrations: FastMCP server (19 tools), issued API keys, Streamable HTTP at /mcp

Screens

Login & Register page

Login page
Login page
Create account page
Create account page

Layout Editor Page

Layout editor page
Layout editor page

Canvas Variable Page

Canvas variable, data preview page
Canvas variable, data preview page

Data & Images Page

Generated data table page
Generated data table page
Data editor form
Data editor form
Generated images page
Generated images page
Image detail view
Image detail view

Settings Page

Profile settings page
Profile settings page
Organization settings page
Organization settings page
API Key issue page
API Key issue page
MCP tools page
MCP tools page
Like this project

Posted Aug 7, 2026

Developed a design automation tool for catalog production.

Likes

0

Views

0

Timeline

May 1, 2026 - Jun 30, 2026