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

Overview

Sariah, a designer who sold her company to Snap, demonstrates her AI-assisted workflow for creating beautiful app designs using tools like Google AI Studio, Claude, Weevi AI, Figma, and Cosmos. She emphasizes branding and emotional resonance, guiding viewers through a live build of a voice journal app called 'Cassette' to showcase how AI can enhance, not replace, human design sensibilities.

Key takeaways

Sariah recommends using Google AI Studio for quick, end-to-end prototyping and Claude Code for working within existing codebases.
Defining how an app should make a user feel is as important as defining what the app should do; this guides design choices.
Brand guidelines should be treated as a prompt for AI tools like Weevi, not just corporate jargon.
Weevi AI's node-based interface allows for rapid visual experimentation with different AI models and prompts.
Cosmos is a useful alternative to Pinterest for creating mood boards and gathering design inspiration.
Ideogram is a powerful AI model for generating typography and logos, especially when combined with negative prompts to exclude unwanted styles.

Chapters

0:00 Introduction to AI-Assisted App Design with Weevi AI

Weevi AI is presented as a tool for creating beautiful mobile apps, software, and designs.
The speaker contrasts AI-generated designs with agency-level aesthetics, emphasizing the importance of emotional connection.
Sariah, a designer who sold her company to Snap, shares her AI workflow.

2:12 Sariah's Design Philosophy: Creating Apps People Love

Sariah aims to teach how to create gorgeous, vibecoded apps that resonate with users.
She emphasizes designing apps that users would want to download and use themselves.
The goal is to leverage AI to create products that evoke positive emotions and improve user experience.

5:32 Building a Voice Journal App: Initial Prototype with Google AI Studio

Sariah and the speaker aim to design an app that doesn't look like it was made by a robot.
They choose a voice journal app as an example project.
Google AI Studio is used to generate a basic mobile voice journaling app prototype quickly.

8:42 Comparing AI Tools: Google AI Studio, Claude Code, and Gemini

Sariah prefers Google AI Studio for quick prototyping due to its end-to-end capabilities.
For existing codebases, she uses Claude Code for its integration.
Gemini is used with Cursor for UI, shader work, and complex animations.

10:37 Branding and Emotional Connection: Defining How the App Should Feel

Sariah emphasizes the importance of branding and emotional connection in product design.
She defines how the audio journal app should make users feel: calm, analog, and not overwhelmed.
The initial AI-generated design is critiqued for feeling generic and not aligning with the desired user experience.

15:39 Using Claude to Define Brand Guidelines and User Experience

Sariah uses Claude to define how the app should make users feel, aiming for an analog and calming experience.
She emphasizes designing for a specific user persona: someone tired of constant tech stimulation.
Claude helps brainstorm and refine the desired emotional impact of the app.

18:53 Leveraging Movies and TV Shows for Design Inspiration

Sariah uses movies and TV shows as references to understand product design as a narrative with a beginning, middle, and end.
She emphasizes focusing on the initial user experience and emotional response.
Claude is used as a brainstorming tool to refine the app's feeling and purpose.

22:37 Creating Brand Guidelines with Claude: Introducing 'Cassette'

The app is named 'Cassette,' and Claude is used to generate brand guidelines based on the name and desired user experience.
Brand guidelines are framed as a prompt for Weevi AI, not just corporate jargon.
The focus is on creating a brand that feels good and resonates with users.

27:20 Mood Board Creation with Cosmos: Visualizing the App's Aesthetic

Sariah uses Cosmos, an alternative to Pinterest, to create a mood board for the voice app.
She searches for vintage cassette imagery to capture an analog and personal vibe.
The mood board helps visualize the desired aesthetic and emotional tone of the app.

29:59 Weevi AI: Generating Color Palettes from Mood Board Images

Sariah introduces Weevi AI, a node-based tool for visual experimentation with AI models.
She imports images from the mood board into Weevi AI to generate color palettes.
Flex 2 Pro is used as a general model for image manipulation and color extraction.

34:59 Developing Taste and Visual Anchors: Analog Cassette Tape Textures

Sariah emphasizes developing a personal taste and visual anchor for the product.
She explores the idea of the app's interface aging with use, reflecting the wear and tear of analog cassette tapes.
Claude is used to generate prompts that show the progression of a vintage audio equipment image.

39:39 Designing Buttons and Visual Elements with Weevi AI

Sariah uses Claude to generate different prompts for record buttons, inspired by cassette recorders and analog aesthetics.
She emphasizes visual consistency in product design through colors, shadows, and lighting.
The red record button from the favorite image is chosen for its simplicity and modern-analog feel.

49:17 Creating the App Interface in Figma: Logo, History, and Visual Elements

Sariah creates the app screens in Figma, incorporating the logo, record button, and cassette tape imagery.
She uses Weevi AI to remove the background from the logo and other visual elements.
The goal is to translate the visual anchor and color palette into a functional and aesthetically pleasing app interface.

Summary, takeaways, and chapters were generated by AI from the video's transcript and may contain errors. The video belongs to its creator, Greg Isenberg.