Go offline with the Player FM app!
Podcasts Worth a Listen
SPONSORED


EP. 89 - Redefining UX in the AI Era: From Design to Full-Stack Development with AI Tools
Manage episode 476510533 series 3352165
In this groundbreaking episode of UX for AI, Adam, a veteran UX designer and entrepreneur with over 15 years of experience, shares his journey of leveraging AI to transition from traditional design workflows to building a full-scale LinkedIn competitor—entirely on his own. The discussion dives deep into the seismic shifts happening in the UX/UI landscape as AI tools like Cursor, Claude, and Builder.IO empower designers to take on development roles, blurring the lines between design and engineering.
Adam begins by outlining his ambitious B150 project: a professional social network combining the best of LinkedIn and Reddit, built almost entirely with AI-assisted coding. He reveals how AI has enabled him to overcome technical barriers, allowing him to prototype, iterate, and even pivot rapidly—something that would have required a full engineering team just a year ago. Key to his workflow is the integration of design tools like Figma with AI-powered development environments, where plugins like Builder.IO translate designs directly into React code, while tools like Neon DB handle backend infrastructure seamlessly.
The conversation explores critical lessons for designers navigating this new paradigm:
- The Rise of the "Multi-Tool Designer": Adam argues that UX professionals must now embrace coding (or "vibe coding" with AI) to stay relevant, as companies increasingly consolidate roles. He shares how his hybrid skills in design, product strategy, and AI-aided development have let him operate as a "team of one."
- AI-Driven Workflows: From generating database schemas with ChatGPT to styling components using Tailwind and Radix, Adam breaks down his stack and demonstrates how AI accelerates tasks like authentication (NextAuth), component libraries, and even dark-mode implementations.
- The Pitfalls and Power of AI: While AI tools like Cursor (his preferred alternative to GitHub Copilot) dramatically speed up development, Adam emphasizes that foundational UX thinking—user flows, accessibility, and design systems—still requires human oversight. He recounts rebuilding his entire app from scratch after a hardware failure, stressing the importance of Git hygiene.
Host Behrad and the audience probe Adam on the future of UX careers, with questions like: Should new designers learn to code? How is AI reshaping job expectations? Adam’s answer is optimistic but pragmatic: UX is evolving, not disappearing. Designers who augment their craft with AI and development skills will thrive as "CEOs of the future," capable of owning products end-to-end.
Packed with actionable insights—from Figma-to-code plugins to database best practices—this episode is a masterclass for designers ready to harness AI and redefine their role in the tech ecosystem. Whether you’re a seasoned pro or a newcomer, Adam’s story proves that with curiosity and the right tools, the gap between design and development has never been smaller.
Interested in joining the podcast? DM Behrad on LinkedIn:
https://www.linkedin.com/in/behradmirafshar/
This podcast is made by Bonanza Studios, Germany’s Premier Digital Design Studio:
https://www.bonanza-studios.com/
Chapters
1. Introduction (00:00:00)
2. Guest Introduction: Adam's Background (00:03:02)
3. The B150 Project: Building a LinkedIn Alternative (00:05:11)
4. AI Coding Journey Begins (00:10:19)
5. Tech Stack Deep Dive (00:16:05)
6. Figma-to-Code Workflow (00:30:10)
7. Database Design with AI (00:46:07)
8. Component Library Showcase (00:57:59)
9. Future of UX Careers (01:01:22)
10. Hard Lessons Learned (01:03:21)
11. Q&A & Closing Thoughts (01:03:40)
132 episodes
Manage episode 476510533 series 3352165
In this groundbreaking episode of UX for AI, Adam, a veteran UX designer and entrepreneur with over 15 years of experience, shares his journey of leveraging AI to transition from traditional design workflows to building a full-scale LinkedIn competitor—entirely on his own. The discussion dives deep into the seismic shifts happening in the UX/UI landscape as AI tools like Cursor, Claude, and Builder.IO empower designers to take on development roles, blurring the lines between design and engineering.
Adam begins by outlining his ambitious B150 project: a professional social network combining the best of LinkedIn and Reddit, built almost entirely with AI-assisted coding. He reveals how AI has enabled him to overcome technical barriers, allowing him to prototype, iterate, and even pivot rapidly—something that would have required a full engineering team just a year ago. Key to his workflow is the integration of design tools like Figma with AI-powered development environments, where plugins like Builder.IO translate designs directly into React code, while tools like Neon DB handle backend infrastructure seamlessly.
The conversation explores critical lessons for designers navigating this new paradigm:
- The Rise of the "Multi-Tool Designer": Adam argues that UX professionals must now embrace coding (or "vibe coding" with AI) to stay relevant, as companies increasingly consolidate roles. He shares how his hybrid skills in design, product strategy, and AI-aided development have let him operate as a "team of one."
- AI-Driven Workflows: From generating database schemas with ChatGPT to styling components using Tailwind and Radix, Adam breaks down his stack and demonstrates how AI accelerates tasks like authentication (NextAuth), component libraries, and even dark-mode implementations.
- The Pitfalls and Power of AI: While AI tools like Cursor (his preferred alternative to GitHub Copilot) dramatically speed up development, Adam emphasizes that foundational UX thinking—user flows, accessibility, and design systems—still requires human oversight. He recounts rebuilding his entire app from scratch after a hardware failure, stressing the importance of Git hygiene.
Host Behrad and the audience probe Adam on the future of UX careers, with questions like: Should new designers learn to code? How is AI reshaping job expectations? Adam’s answer is optimistic but pragmatic: UX is evolving, not disappearing. Designers who augment their craft with AI and development skills will thrive as "CEOs of the future," capable of owning products end-to-end.
Packed with actionable insights—from Figma-to-code plugins to database best practices—this episode is a masterclass for designers ready to harness AI and redefine their role in the tech ecosystem. Whether you’re a seasoned pro or a newcomer, Adam’s story proves that with curiosity and the right tools, the gap between design and development has never been smaller.
Interested in joining the podcast? DM Behrad on LinkedIn:
https://www.linkedin.com/in/behradmirafshar/
This podcast is made by Bonanza Studios, Germany’s Premier Digital Design Studio:
https://www.bonanza-studios.com/
Chapters
1. Introduction (00:00:00)
2. Guest Introduction: Adam's Background (00:03:02)
3. The B150 Project: Building a LinkedIn Alternative (00:05:11)
4. AI Coding Journey Begins (00:10:19)
5. Tech Stack Deep Dive (00:16:05)
6. Figma-to-Code Workflow (00:30:10)
7. Database Design with AI (00:46:07)
8. Component Library Showcase (00:57:59)
9. Future of UX Careers (01:01:22)
10. Hard Lessons Learned (01:03:21)
11. Q&A & Closing Thoughts (01:03:40)
132 episodes
All episodes
×
1 EP. 100 - Shorts: Rethinking E-Commerce with Liquid Glass and Figma Make 8:41

1 EP. 99 – The Ins and Outs of Vibe Coding with Tia 1:11:41

1 EP. 98 - How to Navigate Massive Tech Shifts like AI w/ Dónal O Mahony 43:46

1 EP. 97 - 2,000 Users. Zero Engineers. Just Vibe Coding. w/ Yuno Myung 1:01:08

1 EP. 96 - Vibe Coding and Marketing Workshop w/ Behrad Mirafshar 59:58

1 EP. 95 - Cowboys, Data, and the AI Gold Rush w/ Franceso Tisiot 49:51

1 EP. 94 - The Startup Turning Waste Into a High-Tech Powerhouse w/ Umutcan Duman 47:31

1 EP. 93 - Why Intentional Creators Will Win in the New Era of Building w/ Robin Jose 33:39

1 Shorts: This AI Talks Like a Human. So I Brought It on the Podcast. 14:58

1 EP. 91 - AI-Led Automation Will Define Tomorrow’s Companies w/ Lennard Kooy 38:23

1 Shorts: App Launcher Boilerplate: Workflow That Changed Everything 8:58

1 EP. 90 - Run Your Operation With 100% Autonomous AI Agents w/ John Rush 56:31

1 EP. 89 - Redefining UX in the AI Era: From Design to Full-Stack Development with AI Tools 1:02:56

1 EP. 88 - AI Web Development Showdown: When to Use Bolt vs. Lovable vs. Custom Coding for Fast Builds 16:03

1 EP. 87 - Creativity in the Age of AI: Language, Technology, and Innovation w/ Bob Van Luijt 52:55

1 Shorts: Exploring the Lovable App Ecosystem 13:48

1 EP 86. Meet the 21-year-old Entrepreneur Revolutionizing Recruitment with AI w/ Sebastian Hjärne 34:45

1 EP. 85 - Design Systems in the Age of AI with Felix Lebedinzew 47:57

1 EP 84. Redefining UX Design: A Deep Dive into Canvas and Workflows in AI-Powered App Design with Jesper Bylund, Ex-Head of Design at n8n 1:05:54

1 EP. 83 - Driving the Future: How AI is Revolutionizing EV Charging and Renewable Energy w/ Arun Anand 47:42

1 EP. 82 - How AI is Reshaping Creativity and Productivity in UX w/ Aswin Ranganathan 51:46

1 EP. 81 - No Code: How AI Lets Non-Tech Founders Build MVPs Faster w/ Carl Meran 27:09

1 EP. 80 - UX For AI - Why Is It So Relevant Today? 16:30


1 EP. 78 In the Trenches: What Works (and What Doesn’t) When Partnering with High-Growth Startups 25:30

1 Shorts: The €20k Loss That Saved Our Integrity 2:53

1 Shorts: MVP Sprint: A Blueprint For Agile Product Delivery 17:36

1 Shorts: Overhauling Product Strategy: Turning a $20k Ad Spend into Real Results 8:27

1 Shorts: 4 UX Tactics that Make of Break Your SaaS App 10:22



1 Ep. 77 MVP Traction: Design For Aha Momements with Javier Rincon 53:43

1 Ep. 76 The Future of AI-Native Apps with Jack Lancaster 51:52

1 Ep. 75 The Art of Website Optimization with Sahil Patel 1:03:31

1 Ep. 74 True Bromance: Story of Founding SaaSiest with Thomas Sjöberg and Daniel Nackovsk 53:16

1 Shorts: Scaling Startups: Ditch Your Initial Ideas Fast! 6:39

1 Ep. 73 Exploring the No-Code Movement with Rolf Mistelbacher 40:38

1 Shorts: Great Products Fit Into One Category 13:58

1 Ep. 72 Scaling: A Crash Course for Early Stage Founders with Enzo Avigo 54:32

1 Ep. 71 Human-Centered Design with Fabrice Pöhlmann 55:46

1 Ep. 70 Scale Your Marketing Through Thought Leadership With Finn Thormeier 35:23

1 Shorts: Never a Better Time Than Now To Hire Your Internal Team 5:16

1 Shorts: Four Key Lessons I Picked Up From Early-Stage Start-Ups 12:00

1 Shorts: Hard Truths: Why Your B2B Business Isn't Growing 12:25

1 Shorts: The Difference Between B2B and B2C Sales 16:18

1 Ep. 69 How to Sell High-Ticket SaaS Contracts with Steve Bussey 1:01:44

1 Ep. 68 Scaling Early-Stage Startups with Patrick Haede 44:50

1 Ep. 67 Combining Lean Strategy with Digital Product Development with Catherine Chabiron and Fabrice Bernhard 1:00:10

1 Ep. 66 Bringing Together Product Strategy and Customer Value with Dave Martin 1:03:24

1 Ep. 65 Power of Two-Hour Design Sprints with Teresa Cain 1:08:11

1 Ep. 64 The Fintech Playbook: Strategies for Startup Growth with Elliott Limb 1:00:20

1 Ep. 63: On Brand Marketing with Curt Schreiber 49:46

1 Ep. 62: Turning a $5k ARR business into $100k ARR in 2 Years with Nigel Thomas 1:02:45

1 Ep. 61: Fractional UX Design Hiring for SaaS Growth with Ilya Dmitruk 55:22

1 Ep. 60: Positioning & Website Messaging for Early-Stage SaaS Startups with Anthony Pierri 1:01:09
Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.