AI came for designers. Did it win?


Welcome back.

Last week, 40,000 people watched live as we pitted a Webflow pro against an AI design tool in the most ridiculous design battle I've ever hosted.

What started as Henrik declaring "Webflow is officially dead" turned into a spectacle that's now been viewed over 200k times.

The whole thing was planned in 7 days, judged by myself, Hunter, and Tom Johnson, and apparently had $200k in side bets (seriously, don't do that).

Brett from DesignJoy took the W using Webflow, winning unanimously with judges and taking 82% of audience votes.

But the real value wasn't in who won - it was in what we all learned watching it go down.

Huge shoutout to Paper (the next-gen design tool) and Contra (the professional network for modern creatives) for allowing us to make this happen.

- Tommy (@designertom)

the wireframe

  • The "build wars" experiment
  • 7 brutal lessons (and how to apply them immediately)
  • A practical framework for choosing your approach

the "build wars" experiment

The setup was dead simple:

45 minutes to create a landing page for an AI robotics company called Pulse (view the design brief).

Brett (10+ years design experience, $145k/month design agency) versus Henrik (on Lovable's marketing team, not a designer).

Both had access to the same assets and copy. Both had to include at least two interactive elements. Pre-built UI components were okay. No full templates allowed.

Henrik w/ Lovable started strong with quick component assembly and an early animated robot.

Brett w/ Webflow began methodically with fundamentals.

By the end, Brett's experience clearly showed in cohesion and quality, but Henrik's AI-powered output was surprisingly competent for a non-designer.

But that's just context. Here's what matters:

7 brutal lessons (and how to apply them now)

There was a lot of discussions happening in real-time (over 4,000 comments an counting):

1. The "Zero-to-Something" Gap is Closing Fast

Henrik went from blank canvas to functional hero section in minutes. This matters enormously. How many projects die in the "getting started" phase? How many good ideas never see the light because the activation energy is too high?

AI tools are demolishing that initial barrier. They're not making everything perfect, but they're making "started" infinitely more accessible than ever before.

What you can do today:

  • Try Lovable, Bolt, or Replit for rapid prototyping before diving into detailed design
  • Use AI tools to generate 3-5 different layout approaches in minutes before committing
  • Start projects by asking "what's the fastest way to get a working prototype?" not "what's the perfect solution?"

2. Experience Can't Be Prompt-Engineered (yet)

Brett's process looked like controlled chaos to the untrained eye, but designers recognized it immediately: the methodical layering of fundamentals before details. He knew exactly which elements deserved focus in a time crunch and which could be handled later.

This judgment comes from thousands of hours solving similar problems. No prompt can replace it.

What you can do today:

  • Document your own design decisions and rationale to build a personal "experience database"
  • Build a swipe file of effective designs and analyze why they work
  • When using AI tools, spend more time refining the outputs rather than generating more options
  • Focus on learning design fundamentals that transcend tools: hierarchy, rhythm, contrast, and alignment

3. Design Systems Might Become Non-Negotiable

Neither competitor designed from scratch.

Brett leveraged Webflow's component system; Henrik used 21st.dev components plus AI generation. The era of blank-canvas design is effectively dead for production work.

And while this was certainly a decision made to compete with the comical time-limit, it's also a glimpse into how to make these tools run efficiently.

The future might be about intelligently assembling, customizing, and extending components - whether through visual tools or AI prompts.

What you can do today:

  • Set up a simple design system before your next project (even if it's just typography, colors, and spacing)
  • Use 21st.dev, Grit UI, or Tailwind CSS as starting points for component libraries
  • Try this hybrid approach: use AI to generate components, then organize them into a consistent system
  • For client work, start with system definition before touching visuals
  • For larger teams with existing products, tools like Onlook, Builder and TempoLabs are working on integrating with your code bases

4. Time Remains the Ultimate Constraint

The most honest moment came after the competition when both admitted 45 minutes was nowhere near enough time.

Brett said "45 minutes is not easy" and Henrik admitted "it went incredibly horrible for me."

In fact, Dan Mall wrote about his process for competing against me in the Relume Design League a few years ago (yes - it's hard).

For all the advances in tools, quality design still requires time for refinement, iteration, and polish. Neither AI nor traditional tools have solved this fundamental reality.

It's why I created a course about making fast, informed UI decisions when time is limited.

What you can do today:

  • Budget realistic timeframes regardless of tools - 2-3x what you think AI will save you
  • Split projects into clear phases: rapid generation, systematic refinement, and final polish
  • Use timeboxing: 1 hour for AI exploration, then commit to a direction and refine
  • Soren Iverson does an improve timebox of bad ideas with his teams

5. AI Tools Lower the Floor, Not the Ceiling

Henrik, a 19 year-old with zero design experience, created a functional landing page in 45 minutes.

Five years ago, that would have been impossible. The barrier to entry has dramatically lowered.

But Brett's output was clearly superior in cohesion, hierarchy, and storytelling. AI has made "decent" more accessible but hasn't yet cracked "exceptional."

What you can do today:

  • If you're not a designer: use AI to get to "decent" faster, then iterate based on feedback (watch Aakash Gupta prototype 5 features in 80 minutes)
  • If you are a designer: focus on the skills that elevate work from "decent" to "exceptional"
  • Create a checklist of quality factors AI tends to miss: consistent spacing, typography rhythm, intentional emphasis
  • Use AI outputs as first drafts, not final products

6. The Future is Hybrid, Not Either/Or

The most successful approach is likely a combination: AI for rapid scaffolding and ideation, human refinement for quality and nuance. The tools reflect this already - Lovable adding visual editing, visual tools adding AI assistance.

This isn't about AI versus traditional tools; it's about finding the right blend for each specific challenge.

What you can do today:

  • Try this workflow: use v0/Lovable for initial structure, export to Figma/Webflow for refinement
  • Experiment with AI for parts of your process where you typically get stuck
  • Use Cursor instead of VS Code to add AI assistance to your development workflow
  • Try Windsurf for hybrid design/code workflows where AI can suggest implementation

7. Design Quality is Becoming More Important

This is a luke-warm take, but it was certainly reinforced.

If AI can help non-designers produce decent work, the bar for "good enough" rises for everyone (a good thing).

Paradoxically, as basic design execution becomes more accessible, the value of exceptional design thinking increases.

The gap between "acceptable" and "outstanding" remains, but the baseline is rising rapidly.

What you can do today:

  • Audit a recent project: what elements truly differentiate it from what AI could produce?
  • Focus learning efforts on strategic skills: information architecture, user journey mapping, visual storytelling
  • Create a personal quality checklist to review all work before finalizing
  • Look for opportunities to elevate AI-generated work with your unique perspective

Together with Framer

Designing a Website 🤝🏻 Building a Website

If you’re a designer tasked to create and publish visually stunning websites, there’s a tool for that. If you want to boost creativity while speeding up the overall web development process, you need Framer—no coding required.

The next best no-code website builder for designers, Framer:

  • Feels and works like Figma and other design tools you know
  • Lets you publish your design as a real website in seconds
  • Supports breakpoints, animations, and even a whole CMS

Plus, you can even import designs from Figma using our Figma-to-Framer plugin so you don’t have to start from scratch.

Are you ready to learn how Framer can streamline your web development process?

how to choose your approach

Now let's get super practical. Here's how to decide which approach to use for different project types:

When to Use an AI-First Approach

  • Initial concept exploration and ideation
  • Projects with extremely tight timelines
  • Internal tools where functionality trumps aesthetics
  • Content-heavy pages where layout is straightforward
  • When you need to quickly visualize multiple approaches

Best tools to try: Replit, Lovable, Bolt, v0

When to Use a Traditional Design-First Approach

  • Brand-critical projects requiring pixel-perfect execution
  • Complex interaction patterns and animations
  • Projects requiring deep information architecture
  • When you have established design systems to leverage
  • When visual distinction is a key project objective

Best tools to try: Framer, Webflow, Figma

When to Use a Hybrid Approach (Start w/ AI, Refine Traditionally)

  • Marketing pages with standard sections but custom branding
  • Projects with tight timelines but high quality expectations
  • Product pages requiring standard patterns with custom content
  • When working with teams that need early visualization

Best tools to try: Ideate with Lovable/v0, Refine with Figma/Framer/Webflow

education spotlight

Master Your Product and UX Research Job Search by Lena Kul (ex-Miro)

Feeling anxiety about keeping up with AI and new design tools?

Here's the truth: there will always be new tools to learn. That's our industry. Career-proofing isn't about mastering every tool - it's about interviewing well and letting your work speak for itself.

That's why Lena's course is worth your time. It's the most tactical job search program I've seen, focusing on what actually lands jobs: how you present yourself and your work.

What you'll actually get:

  • Portfolio and CV templates that don't suck (with personalized feedback)
  • A pitch framework that hiring managers can't ignore
  • Networking tactics that convert LinkedIn connections into actual job leads
  • Insider tips from someone who's been on the recruiting side at Miro

Use code TOMMY for a $100 off the next cohort.

Join the waitlist here.

the bottom line

Build Wars wasn't just entertaining - it was a live experiment revealing where design tools are actually headed. The question isn't "Will AI replace designers?" but "How can I use AI to enhance my process right now?"

The most effective approach in 2025 isn't choosing sides - it's being pragmatic about which tools solve which problems best.

Start by picking one action from this newsletter and implementing it this week:

  • Try generating a landing page with AI, then refine it traditionally
  • Set up a simple component system for your next project
  • Document your design decisions to build your experience library
  • Experiment with a hybrid workflow on a non-critical project

The future belongs to those who can navigate this hybrid landscape effectively, without getting distracted by tools wars and hot takes.

What are you going to try first? Hit reply and let me know your plan.

See you next week,

Tommy

Enjoying this newsletter? Let me know here.

UX Tools

UX Tools is a weekly deep dive into the tools and trends shaping how we build products. Each week, Tommy (@DesignerTom) breaks down emerging tools, analyzes industry shifts, and shares practical insights drawn from 15+ years shipping products. Join 80k+ builders, makers and designers getting deep analysis and tool discoveries that help you build better products, faster.

Read more from UX Tools

Welcome back. Last week belonged to ChatGPT 4o and the ripples it sent through the design community: Wild creations from Ghibli-inspired media to logo attempts to app UI Sam Altman reported "melting GPUs" as usage skyrocketed More "AI will replace us" vs. "just another tool" debates Even I created a Solo Leveling-style clip from our podcast (tutorial here) My head is still spinning, not just from that, but from an intense week-long brand sprint I wrapped up with Nick Pattison for the upcoming...

Welcome back. We're getting pretty technical over here at UX Tools. The reason for this is two-fold: Tools are breaking down more technical barriers for designers The number of tools heading this direction are increasing dramatically I can understand designers who push back against this. But I've gotten a few angry comments from designers for simply exploring these tools at all. The work we do here at UX Tools, from our interviews to our annual surveys, is in service of helping you decide...

Welcome back. It's been a dizzying week in design: Dribbble Policy Changes: The design community is losing its mind over Dribbble's new policy of walled payments. Many are saying goodbye. Felix Lee and ADP List Drama: Design mentorship platform ADP List and its founder are being hit hard by design theft and content accusations. Config Speaker Lineup Dropped: Figma released their conference linup. I'm stoked for Inga Hampton sharing her chaotic Figma process, Steve Sewell's talk on coding...