The Workflow That Makes My AI Designs Look UNREAL
9.4K views · 2026-08-07
UI Design
▎LINKS & RESOURCES
Using some of the links below, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
Get the prompts and visual assets used in this video: https://go.temploton.com/opus5-1-assets
Launch your portfolio in days, not months:
Explore my Framer template Lofi: https://go.temploton.com/lofi-opus5-1
Get started with Framer for free: https://framer.link/devantaebison
My go-to site for design inspiration: https://mobbin.com/?via=taeonlinehd
▎VIDEO OVERVIEW
Better models don't make better designers. Opus 5 will build whatever you describe, faster than anything before it, so if you can't describe what you want, you just get slop with nicer shadows. This is the workflow I use to actually direct the model instead of hoping it guesses right, start to finish, from mood board to a live URL.
In this video, I cover the exact process: pulling references from Mobbin instead of Dribbble so you're directing it toward real shipped screens, annotating them in Figma with sticky notes so it knows what you like about each one and not just that you like it, the exact prompt I use and the single line at the bottom that filters out most of the slop before it's generated, why the first pass looking good is the trap, giving real design review feedback instead of make it look better, changing type and stripping elements directly on the canvas, adding a preloader animation to the hero, rebuilding the featured work section into hover reveal cards from a pasted screenshot, fixing the z index so the tiles scroll over the headline, layering in a 3D tilt effect on the project cards, then exporting into Claude Code, committing to a GitHub repo, and deploying on Vercel for a live public link.
▎CHAPTERS
0:00: Intro
0:20: References
0:59: Prompt
1:30: First pass
1:43: Hands-on with Opus 5
4:46: Getting it live
6:23: Recap
Using some of the links below, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
Get the prompts and visual assets used in this video: https://go.temploton.com/opus5-1-assets
Launch your portfolio in days, not months:
Explore my Framer template Lofi: https://go.temploton.com/lofi-opus5-1
Get started with Framer for free: https://framer.link/devantaebison
My go-to site for design inspiration: https://mobbin.com/?via=taeonlinehd
▎VIDEO OVERVIEW
Better models don't make better designers. Opus 5 will build whatever you describe, faster than anything before it, so if you can't describe what you want, you just get slop with nicer shadows. This is the workflow I use to actually direct the model instead of hoping it guesses right, start to finish, from mood board to a live URL.
In this video, I cover the exact process: pulling references from Mobbin instead of Dribbble so you're directing it toward real shipped screens, annotating them in Figma with sticky notes so it knows what you like about each one and not just that you like it, the exact prompt I use and the single line at the bottom that filters out most of the slop before it's generated, why the first pass looking good is the trap, giving real design review feedback instead of make it look better, changing type and stripping elements directly on the canvas, adding a preloader animation to the hero, rebuilding the featured work section into hover reveal cards from a pasted screenshot, fixing the z index so the tiles scroll over the headline, layering in a 3D tilt effect on the project cards, then exporting into Claude Code, committing to a GitHub repo, and deploying on Vercel for a live public link.
▎CHAPTERS
0:00: Intro
0:20: References
0:59: Prompt
1:30: First pass
1:43: Hands-on with Opus 5
4:46: Getting it live
6:23: Recap