# Stop Shipping AI Slop. Design with Weavy AI, Claude etc. Source: https://www.youtube.com/watch?v=9OnN4O4uapI Recap page: https://rapidrecap.app/video/9OnN4O4uapI Generated: 2026-02-13T20:33:09.772+00:00 --- ## 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. ![Screenshot at 03:03: The speaker shows the final assembled mockups \(splash screen, record screen, history screen\) demonstrating the application of the derived analog/vintage aesthetic to the mobile UI, which was achieved through the interconnected AI workflow.](https://ss.rapidrecap.app/screens/9OnN4O4uapI/00-03-03.jpg) **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. ### AI Tool Workflow - Demonstrated the connection between Weavy AI (for image generation/color extraction) and Claude (for text/prompt refinement) in a node-based system. ### Brand Foundation - Defined the app's core feeling as warm, analog, and something 'worth keeping,' explicitly avoiding productivity or hyper-polished aesthetics. ### Color Palette Generation - Used Flux 2 Pro in Weavy to extract 5-6 colors from a moodboard image of vintage cassette recorders, resulting in warm, earthy tones. ### Logo Iteration - Used Ideogram V3 to generate logo options, specifically testing a 'tape brand' style inspired by 1980s equipment, and utilized negative prompts to steer away from generic AI aesthetics. ### UI Asset Generation - Demonstrated generating a specific UI element (the record button) using detailed prompts referencing the generated color palette and desired tactile style. ### Figma Prototyping - Showcased the final assembly of generated assets (logo, UI elements, history screen mockups) within Figma to visualize the complete flow. ![Screenshot at 00:02: The introduction of Weavy AI as the secret tool for creating 'jaw-dropping' mobile apps.](https://ss.rapidrecap.app/screens/9OnN4O4uapI/00-00-02.jpg) ![Screenshot at 01:09: The entire AI workflow visualized in Weavy's node-based interface, showing connections between prompts, image inputs, and generative models.](https://ss.rapidrecap.app/screens/9OnN4O4uapI/00-01-09.jpg) ![Screenshot at 04:41: Suraya Shivji explaining that she prefers Google AI Studio for one-shot prototyping compared to other tools.](https://ss.rapidrecap.app/screens/9OnN4O4uapI/00-04-41.jpg) ![Screenshot at 09:09: The participants outlining the core features needed for the voice journaling app \(record audio, history, timer\).](https://ss.rapidrecap.app/screens/9OnN4O4uapI/00-09-09.jpg) ![Screenshot at 33:52: The result of a prompt generating cassette tape spines with handwritten dates, demonstrating successful style transfer based on a color palette.](https://ss.rapidrecap.app/screens/9OnN4O4uapI/00-33-52.jpg)