Styling AI Prototypes: Design Systems, Tailwind and ShadCN

Hosted by Anna Arteeva

Thu, Dec 18, 2025

4:00 PM UTC (1 hour)

Virtual (Zoom)

Free to join

Invite your network

Go deeper with a course

AI Prototyping for Product Designers
Anna Arteeva
View syllabus

What you'll learn

Styling basics for AI prototypes

A quick tour of design variables, colour and typography tokens, UI libraries and design systems.

Tailwind and ShadCN, demystified

A plain language walkthrough of how Tailwind and ShadCN work and how to avoid the generic AI UI look

Brand assets and design tokens

Turn your logos, colours, type styles and spacing rules into a reusable system to apply consistently across all projects

Bringing your design system into AI tools

Practical options for reusing design system components instead of rebuilding buttons and cards from scratch.

Why this topic matters

Do AI tools generate cookie cutter apps that looks nothing like your product? How to make it follow your brand guidelines and make it use your actual design system components? In this session you will learn how to connect brand assets, style tokens and design system components, make friends with Tailwind and ShadCN, and say goodbye to the generic AI look.

You'll learn from

Anna Arteeva

AI educator, former Head of Product Design at Payoneer

Anna Arteeva, a product designer and design leader with more than a decade in the field, former Head of Product Design at Payoneer. Anna now teaches AI-powered design to companies and teams worldwide, with 12+ cohorts behind her and a growing community of designers learning to prototype with AI, build multimodal experiences, and rethink what product design means in the age of intelligent systems.

Trained people from

Allianz Deutschland
Remote
Flatpay
Booking.com

Sign up to join this lesson

By continuing, you agree to Maven's Terms and Privacy Policy.