Vibe Coding & Virtual Pets: Reimagining the Creative Spark with Claude

In the era of large language models, the traditional distance between design and implementation is rapidly disappearing. Designers can now transform ideas into working prototypes through conversation, using AI as a creative and technical collaborator rather than a simple tool.

In this session, we'll break down the Vibe Coding workflow using Claude and Figma. Starting from a simple aesthetic concept, we'll build the architecture behind a "Tamagotchi Password Protector": a digital pet whose wellbeing depends entirely on your security habits.

Along the way, we'll explore how to move beyond static screens and dashboards to create living interfaces with emotional logic, dynamic states, and distinct personalities. The goal isn't just to generate code faster, but to create products that feel more human, engaging, and memorable.

What attendees will learn

• How to use Claude to transform high-level design ideas into functional prototypes
• How the Vibe Coding workflow combines creativity, prompting, and rapid iteration
• Techniques for designing interfaces with emotional logic and personality
• How to model state-driven experiences beyond traditional UI patterns
• Practical prompting strategies for creating richer AI-assisted product concepts

Target audience

Product designers, UX designers, design engineers, frontend developers, and anyone curious about how AI is reshaping the relationship between design and implementation.

Requirements

No prior coding experience is required. This is a presentation and live demo session. Attendees do not need to bring a laptop.