Stop Shipping AI Slop. Design with Weavy AI, Claude etc.

Quick Overview

The video demonstrates a workflow using Weavy AI and Claude to rapidly iterate on product design ideas, specifically focusing on creating a voice journaling app with an analog, vintage aesthetic, successfully generating brand guidelines, color palettes, and UI mockups using AI tools connected in a node-based environment.

Key Points: The session utilized Weavy AI, Google AI Studio (Gemini), and Claude to accelerate the design process for a voice journaling app named 'Cassette'. The core design goal was to create a warm, analog, 1980s-inspired aesthetic that avoids feeling overly polished or like generic AI output. Brand foundation elements (tagline, positioning, brand pillars) were generated using Claude based on the initial concept definition. A color palette was extracted from a moodboard image of vintage audio equipment using Weavy AI's Flux 2 Pro model. The team iterated on generating a 'record button' graphic using Ideogram V3, seeking tactile, analog qualities and avoiding modern AI aesthetics like gloss or 3D renders. The final UI mockups, incorporating the logo and color scheme, were visualized using the AI-generated assets, demonstrating the ability to rapidly prototype complex designs. The importance of defining the user's emotional connection ('how someone should feel') was emphasized as the starting point for the entire design process.

Context: The video features a conversation between two designers, one of whom (Suraya Shivji, co-founder of Hagsapp and creator of Musicvizz) walks through her process of designing a mobile voice journaling app called 'Cassette'. The central theme is using generative AI tools like Weavy AI and Claude to rapidly prototype and iterate on aesthetic direction, moving from abstract concepts and brand feeling to concrete visual assets and UI mockups.

Detailed Analysis

The video serves as a live demonstration of using generative AI tools within a node-based workflow (Weavy) to execute a product design process, specifically for a voice journaling app named 'Cassette'. The process begins with defining the core feeling and target user (overthinkers tired of modern tech) using Claude to articulate brand guidelines, including what the app should and should not be. This foundation informed subsequent steps, such as generating a color palette from vintage audio equipment images using Weavy AI's Flux 2 Pro model, resulting in warm, textured colors. The speakers then used these extracted colors, along with other visual inspiration, to generate specific assets like a record button and logo variations using Ideogram V3 within the Weavy environment. The final result showcased a cohesive set of UI screens (splash, recording, history) that successfully captured the desired analog, tactile, and 'loved and used' aesthetic, bypassing generic AI outputs through detailed prompting. The speakers emphasize that this iterative, AI-assisted process allows designers to quickly test complex aesthetic directions before committing to detailed Figma work.