AI WORKFLOWS & MORE: https://uicollective.co/
Follow me on X: https://x.com/KirkMDesign
Design with AI – Full Guide: https://youtu.be/j_ZPV10bu54
Build a client-ready Apple-style internet site in minutes using Claude Code and Google AI Image Gen, likewise referred to as Google Nano Banana. I’ll stroll through the full AI style process, from producing refined product visuals to turning them right into a premium touchdown page with smooth scroll computer animations, costs layouts, and Apple-inspired movement.
OTHER VIDEOS TO WATCH
Construct 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
↪ Need a layout system? (likewise included in the academy): https://collectivekit.co/
Let us build or fix your design system: https://designsystemlabs.co/
Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
Claude Design: https://claude.ai/design
Higgsfield: https://higgsfield.ai/
kirkland@uicollective.co
Why Join UI Collective Academy? Get access to premium courses, premium downloads, therefore much more en route (I am greatly developing this solo … trying to make layout education and learning offered for all, assistance goes a long method!).
0:00 An Introduction.
1:01 Getting Started in Claude Design.
2:25 Claude Design Output.
3:18 Moving Into Claude Code.
4:03 AI Image Gen with Google Nano Banana.
6:42 Using Kling to Build a Video.
9:09 Breaking the Video Out In Frames.
9:54 Generating the Hover Effect.
11:12 Previewing First Result.
12:07 Focusing On the Second Interaction.
13:07 Building the Second Interaction.
14:19 AI Design Preview.
14:58 Full Output.
15:20 Prepping for Vercel.
16:12 Deployed Website.
16:25 Outro.