The AI tools powering design workflows (July 3)
✅ Brainstorming ✅ Strategizing ✅ Prompt engineering ✅ Prototype
It’s eye opening how powerful these tools are and they’re changing every step of the product designer workflow.
We dive into all of it in our first episode of UX Outpost 👇
AI tells us what to design, then beats us at our own game
Key Workflows
Sesame.ai to brainstorm freely (sometimes it goes rogue)
Claude to prioritize (Harper Reed has a killer prompt)
Lovable to generate the prompt from Claude.
Html.to.design to import to Figma (or just use it as a mood)
Nolan's Thoughts
I tried Uizard, the ui generator tool, maybe 6ish months ago and it could barely hold a candle to my designs. Now, in minutes with tools like Lovable, Bolt, and Figma Make we can prompt designs that can rival UI that would take me hours AND IT'S LIVE DEPLOYABLE CODE.
What does this mean for designers? I think wireframing by hand in Figma is over. The new flow is using these vibe coder tools to get a first draft, deploying them & testing outside of "clickable prototypes" and then importing it in with HTML.to.Figma to get the pixel perfect final touches (hopefully Figma Make gets this flow wrapped soon so I don't have to pay for that plugin anymore).
Andy's Thoughts
Listening back to Episode 1 of UX Outpost, I thought the concept was fun and chaotic in the best way, especially as our post-apocalyptic skill-trading app idea spiraled.
It's so important for designers to stay vigilant about AI outputs and catch hallucinations... human oversight remains crucial.
While I loved what Lovable generated, I've since learned that simpler, more intentional prompts often work better than the highly detailed technical specs we used here.
Proper Figma practices like naming layers, using auto layout, and variables are essential for AI tool integration. I see AI as an accelerator that requires my judgment for evaluation, not a replacement.
Get emails like these in your inbox
No spam, ever. Unsubscribe anytime.
Rad Collab | 2024, All Rights Reserved |