This video is only accessible to conference ticket holders.
Log in Create account
For 90 days after a conference, only paid ticket holders can watch conference videos. After that, all Gold members have access.
Contact Support if you are having any issues.
Summary
John shares how AI-powered code generation tools can transform the product design process, even for those with no coding experience. He explains how, in 2025, these tools changed the way he works by allowing him to move directly from low-fidelity wireframes to high-fidelity interface design in front-end code—the same environment used by his engineering peers. The session includes practical examples, such as building interactive dashboard mockups to explore color and layout options, and creating tools for ideation using real components and data within the application codebase. After this talk you may learn that: - Trying out new AI tools, even if it means moving away from traditional ones, can help you build new skills and expand your capabilities. - AI tools can speed up the early stages of design by quickly generating ideas, color palettes, and layouts, often faster than traditional design software. - Working closer to actual code, with help from AI, allows you to create custom tools that support design decisions within the real context of your product.
Key Insights
-
•
Code generation tools can significantly increase the efficiency of UI design by reducing the time spent on manual iterations.
-
•
AI tools like ChatGPT and Claude can aid in generating design elements such as color palettes and mocked-up dashboards quickly.
-
•
Bringing coding into the design process allows designers to have a more hands-on role in product development.
-
•
The ability to rapidly prototype and test concepts promotes a more agile design workflow.
-
•
Exploring AI-generated materials can help generate new ideas and inspire design directions that may not have been considered otherwise.
Notable Quotes
"I've managed to not open Figma for the last six months."
"Starting from scratch is both exciting and hard."
"It's important to know what good looks like before you begin a project."
"You don't have to get there all at once."
"Throwing away old methods for new ones can unlock skills you didn't know you had."
"You can prototype a side experience or just a small individual UI component."
"There's no universal new pattern for designing with code right now."
"Experimenting with AI has completely changed my excitement for design work."
"Sometimes tools change a lot, and you have to be open to new things."
"The best tool for you may change and evolve, so stay flexible."
















More Videos

"Collaboration is crucial to navigate ambiguity in government service design projects."
Ed MullenDesigning the Unseen: Enabling Institutions to Build Public Trust
November 16, 2022

"We're already doing this right here. It's already happening. Why don't we just extend it?"
Peter LevinSolve a Problem Here, Transform a Strategy There: Research as an Occasion for Expanding Organizational Possibility
March 25, 2024

"Don't let anyone tell you how to do OKRs, make decisions based on what works for your team."
Bria Alexander Benson Low Natalya Pemberton Stephanie GoldthorpeOKRs—Helpful or Harmful?
January 20, 2022

"We're trying to make sure that we pay particular attention to things that could block our ability to collaborate effectively"
Kate Koch Prateek KalliFlex Your Super Powers: When a Design Ops Team Scales to Power CX
September 30, 2021

"Each of those sides contributes revenue to the bottom line in some way."
Amy MarquezINVEST: Discussion
June 15, 2018

"Learning culture is paramount; you have to change better if you're always changing yourself."
Brenna FallonLearning Over Outcomes
October 24, 2019

"The unseen costs of emotional labor can significantly impact a research team."
Brian MossWhat Does it Mean to be a Resilient Research Team?
March 9, 2022

"I wanted to make sure that we find a way to give our product teams the raw ingredients they need."
Adel Du ToitGet Your CFO To Say: 'Our Strategic Goal is User Obsession'
June 10, 2022

"We're super ops, and we've discovered we have a lot of superpowers."
Kate Koch Jean-Claire FitschenFlex Your Super Powers: When a Design Ops Team Scales to Power CX
September 29, 2021