Cover Image for Design with AI using Google Stitch
Cover Image for Design with AI using Google Stitch
Avatar for Yaru
Presented by
Yaru
Onboarding 100M next-gen creators to web3.
Hosted By

Design with AI using Google Stitch

YouTube
Registration
Welcome! To join the event, please register below.
About Event

🎯 What You’ll Learn

Join Davi Bauer for a hands-on session exploring Google Stitch, Google’s new AI-powered design and interface-generation platform. Stitch blends natural-language design workflows with real-time UI generation, enabling designers and developers to build beautiful, consistent interfaces with unprecedented speed.

This livestream will take you through the entire AI design process — from prompting → generating → refining → exporting — using Google Stitch’s powerful feature set.

We’ll explore:

  • What Google Stitch is and how AI-native design works

  • Creating UI layouts and components with natural language

  • Using Stitch’s design tokens, styles, and theme engines

  • Applying brand identity and consistent visual systems

  • Generating responsive screens for web and mobile

  • Integrating Stitch design output into real apps (React, Flutter, HTML)

  • AI-assisted refinements, constraints, and UX improvements

  • Rapid prototyping & iteration using Stitch’s interactive canvas

Direct link: https://www.youtube.com/@COTIGroup/streams

🤖 AI Tools:
Google Stitch: https://stitch.withgoogle.com/

🧑‍💻 Presenters:
Davi Bauer
Calvin Lye

🌎 Language:
English

Date & Time:
🗓️ Tuesday, May 12th, 2026
🕒 UTC 2:00pm – 3:00pm

🛠️ Hands-On Agenda

1. Introduction to Google Stitch

  • Overview of Stitch’s AI-native design philosophy

  • How Stitch compares to Figma, Penpot, and other design tools

  • Understanding Stitch’s real-time design generation model

2. Creating UI Using Natural Language

  • Generating layouts, sections, and component hierarchies

  • Design prompts for dashboards, landing pages, onboarding flows, etc.

  • Controlling style, tone, shapes, spacing, and branding

  • Applying complex constraints to guide the design engine

3. Refining & Structuring Designs

  • Adjusting visual identity with Stitch’s design tokens

  • Auto-generating variants, responsive behavior, and accessibility improvements

  • Using Stitch’s style inspector and “explain design” features

  • Rewriting UX copy and microinteractions with AI

4. Exporting & Integrating Into Real Apps

  • Connecting Stitch output to real data

  • Best practices for turning Stitch prototypes into production apps

5. AI-Assisted UX Improvements

  • Detecting layout issues, inconsistencies, or missing hierarchy

  • Using Stitch to generate UX recommendations and fixes

  • Accessibility suggestions and inclusive design improvements

6. Q&A + Live Troubleshooting

  • Fix setup and export issues

  • How to craft powerful design prompts

  • Tips for collaborating with developers using Stitch outputs

  • Real-time review of audience design ideas

🤔 Why Attend?

  • Learn Google Stitch from zero to advanced usage

  • Discover how AI transforms the entire UI design workflow

  • Watch full interface systems built live from prompts

  • Learn best practices for responsive, scalable design

  • Join interactive debugging and real-time feedback

  • Become part of the emerging AI-first design community

🤝 A creative and energetic session focused on building beautiful interfaces with AI. Bring your layouts. Bring your brand. Bring your imagination — we’ll design it live with Google Stitch. 

Join the online meeting or participate via;

Avatar for Yaru
Presented by
Yaru
Onboarding 100M next-gen creators to web3.
Hosted By