AI Design Studio

Canva-Style Design Platform

What we built

Developed the platform's primary AI feature that transforms a single design into multiple platform-specific creatives.
Used Claude AI to analyze the original design and generate optimized Polotno JSON layouts for different aspect ratios.
Automatically repositioned text, images, logos, icons, and backgrounds while maintaining visual balance and brand consistency.
Eliminated manual resizing for social media campaigns by generating multiple ready-to-edit designs from a single source.

Integrated the Polotno editor to provide a browser-based Canva-like editing experience.
Enabled drag-and-drop editing, layer management, text editing, image manipulation, canvas resizing, and template customization.
Loaded AI-generated JSON directly into the editor, allowing users to continue editing after automatic generation.

Built modules for managing logos, brand colors, typography, fonts, and reusable assets.
Stored media assets in Supabase Storage while maintaining metadata in PostgreSQL.
Ensured every AI-generated design adhered to the organization's branding guidelines.

Integrated Anthropic Claude API to generate complete marketing designs from natural language prompts.
Supported AI-powered editing, layout improvements, creative variations, and content expansion.
Generated structured Polotno JSON that could be rendered immediately inside the editor.

Developed project management features allowing users to organize multiple designs within marketing campaigns.
Stored editable Polotno JSON for every design with version management and template reuse.
Supported collaborative workflows across multiple creative assets.

Designed a modular NestJS backend using TypeORM and PostgreSQL.
Built REST APIs documented through Swagger/OpenAPI.
Structured feature modules for brands, assets, projects, designs, users, authentication, and AI services.
Integrated Resend for transactional emails including invitations, verification, and password recovery.

Developed the frontend using Next.js 16, React 19, Blueprint.js, and Tailwind CSS.
Built reusable service layers separating UI from backend communication.
Created responsive dashboards, brand management pages, project workspaces, and the design editor.

What it does