This is a practical and intensive workshop where we will learn to turn an idea into a live, interactive prototype using AI tools.
Instead of designing screens manually, we will focus on the newest and most in-demand skill: the ability to translate a “vibe”—a feeling, atmosphere, and visual style—into a precise AI prompt that builds the product for us. We call this process “Vibe Coding.”
During the workshop, we will work on a single project and implement a rapid workflow that includes:
Brainstorming an idea with AI.
Gathering visual inspiration (References).
Quickly specifying a user and screens.
Writing a precise “vibe-code” to create an interactive prototype with animations.
By the end of the workshop, each participant will leave with a functioning prototype and a new work methodology that can be implemented immediately.
Who Should Attend
UX/UI Designers
Graphic and Interactive Designers
Product Managers and Entrepreneurs
Prerequisites
Course Contents
Opening & Introductions
Introducing the central theme: “Designing Feelings” in the AI era.
From Idea to Vibe
Brainstorming with AI on a community-value idea.
Gathering visual inspiration (References).
Defining the product’s “vibe” with keywords.
Specifying the Experience
Defining a target user (persona).
Mapping the core user flow.
Specifying the required screens.
Vibe Coding & Prototyping
Writing a structured prompt that combines all specification parts.
Using Lovable to generate an initial prototype.
Iterating and refining the prompt, including adding animations.
