Learn how to use ChatGPT and Codex to speed up your design process and move from rough ideas to working product concepts.

In this video, I break down how designers can use AI for creative exploration, interface ideas, prompt writing, faster iteration, and building functional prototypes without getting stuck between design and development.

If you’re a UI, UX, or Product Designer trying to work faster, adapt to AI, and stay valuable as design tools keep changing, this guide will help you understand where ChatGPT and Codex fit into a modern design workflow.

🔗 KEY LINKS
📣 AI WORKFLOWS AND MORE: https://uicollective.co/
❎ Follow me on X: https://x.com/KirkMDesign
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
Design with AI - Full Guide: https://youtu.be/j_ZPV10bu54

Why Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)

↪️ Need a design system? (also included in the academy): https://collectivekit.co/

🔗 OTHER SYSTEM VIDEOS TO WATCH
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow
Claude Design Video: https://youtu.be/eXlSgQmz02E

🔗 MORE LINKS
Let us build or fix your design system: https://designsystemlabs.co/
kirkland@uicollective.co

0:00 An Introduction
0:40 Generating UIs with Chat GPT
1:40 Initial Chat GPT Output
2:48 Making Edits in Chat GPT
3:24 Generating Design Variants with AI
6:50 Responsive Designs with Chat GPT
8:53 Intro to Codex
10:10 Generate AI Design with Codex
11:10 Making the Most of Codex
14:06 Connecting Mobbin MCP to Codex
15:29 Using Mobbin MCP
17:24 Reviewing AI Output
19:22 Codex Figma Plugin
21:12 Codex Skills
22:39 Outro