Grok Just Beat Claude Code at UI Design

AI WORKFLOWS & MORE: https://uicollective.co/
Follow me on X: https://x.com/KirkMDesign
Design with AI - Full Guide: https://youtu.be/j_ZPV10bu54
Grok: https://grok.com/

I put Grok head-to-head with Claude Code for UI design, and the results surprised me. In this video, I break down the workflow, how to set Grok up, compare the outputs, and show why Grok might be the better design partner.

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

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!)

🔗 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
Developer Handoff Video: https://youtu.be/ALkqhXv0GPk

🔗 MORE LINKS
Let us build or fix your design system: https://designsystemlabs.co/
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
kirkland@uicollective.co

Playlists
Design with Claude Code: https://www.youtube.com/playlist?list=PLkmvmF0zhgT_cKQTLZOSlnEHtynu4JcpY
Design with AI: https://www.youtube.com/playlist?list=PLkmvmF0zhgT87wHp_KdEdmauLq3m9U5uQ

0:00 An Introduction
0:51 Introducing Grok
2:24 Setting Up Grok Build
3:49 Building a UI with Grok and Claude Code
5:00 Comparing Outputs
6:39 Grok for Product Design
7:39 Pushing to Figma
8:25 Grok and Cursor
10:01 Outro