Skip to content
Andrei Terteci
CASE 01 · FOUNDER & PRODUCT ENGINEER

Krumzi: an AI-native design platform where every generated design stays fully editable

I founded and built Krumzi from scratch. Think Cursor meets Canva: describe what you want, and AI creates the actual design: layout, typography, colors, composition, imagery and individual elements. The result is a real, structured design you can edit element by element, not a flat image you have to regenerate.

Role
Founder & Product Engineer
Stack
React · Next.js · TypeScript · Remotion · Supabase · PostgreSQL · AWS · MCP
Krumzi: live product
Krumzi: live productFIG. 1
(★)

HOW KRUMZI WORKS

Prompt → editable design

Most AI design tools hand you a flat image. Krumzi hands you a design you can keep editing.

01

Prompt

The user describes the design or content they want.

“A launch post for our spring sale. Bold, warm, product front and center.”

02

AI design system

The AI makes concrete decisions about layout, typography, colors, composition, imagery and element structure.

  • Layout
  • Typography
  • Colors
  • Composition
  • Imagery
  • Element structure
03

Structured design

A design document made of editable text, shapes, images, styles and layers, not pixels flattened into a PNG.

design {
  frame  1080×1350
  layers [
    text   "Spring sale"
    text   "Up to 40% off"
    shape  rect · radius 24
    image  product.jpg
    group  cta { shape, text }
  ]
  styles { font, palette }
}
04

Editor

The design opens in Krumzi’s browser editor, where every generated element can be moved, resized, restyled, replaced or edited manually.

  • Editable text
  • Shapes
  • Images
  • Styles
  • Layers
Generated design in the real editor, individual elements selected
Generated design in the real editor, individual elements selectedFIG. A

Also: designs from any AI assistant, through MCP

ClaudeChatGPTCursorAI assistants
MCPModel Context Protocol
KrumziAI design system
Fully editable designStructured, not flat

(01)Context

Most AI image tools give you a finished image. If the title is wrong, the spacing feels off or one element needs to move, you often have to regenerate the whole thing. I wanted Krumzi to behave differently: AI should do the design work, but the user should still own the result.

(02)Role & scope

  • →Product strategy and UX
  • →AI and product architecture
  • →Frontend and the browser editor
  • →Backend, infrastructure and deployment
  • →Continuous iteration from real usage

(03)Constraints

  • C1AI output has to be a structured document the editor understands, not pixels.
  • C2Every generated element must stay independently editable: text, shapes, images, styles and layers.
  • C3A real-time editor has to stay responsive with large media in the browser.
  • C4One person owning product, AI, frontend, backend and infrastructure.

(04)Approach & key decisions

1.

Generate structure, not pixels

The AI design system outputs a structured design document (elements, layers, styles and layout) that the editor opens natively. That is what keeps every element editable.

2.

A design system the AI works within

Prompts become concrete decisions on layout, typography, colors, composition, imagery and element structure, so the output looks designed rather than random.

3.

One rendering layer for preview and export

React and Remotion compositions power both the live canvas and the final render, so what you see is what exports.

4.

Open to other AI assistants through MCP

An MCP integration lets assistants like Claude, ChatGPT and Cursor create designs that arrive in Krumzi as editable structured designs.

(05)What was built

  • +Natural-language prompt → structured design workflow
  • +Browser-based graphics and video editor
  • +Real-time canvas, layers, timelines, animations and transitions
  • +Media handling and audio processing
  • +AI design generation, image generation, transcription and content workflows
  • +Supabase/PostgreSQL data layer
  • +AWS/cloud media and rendering infrastructure
  • +Authentication, subscriptions, payments, usage limits and analytics
  • +MCP integration for AI assistants

(06)Stack

ReactNext.jsTypeScriptRemotionSupabasePostgreSQLAWSMCP

(07)Outcome

Krumzi is live: a product where AI is the core experience rather than a feature on the side, and where everything the AI makes stays yours to edit.

Next case study · Specialist contractorChurchable↗
(07)

CONTACT

Reply within one business day

Buildingsomethingsimilar?

I work with SaaS companies and product teams on new products, complex features, AI-native experiences, and React / Next.js / TypeScript development. I’m available for remote B2B contract work, including long-term engagements with teams in Europe and the US.

hello@andreiterteci.com↗
Available for remote B2B contracts · Europe & US