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
"Mobile screens allow for more intuitive positioning and usability."
Sam ProulxMobile Accessibility: Why Moving Accessibility Beyond the Desktop is Critical in a Mobile-first World
November 17, 2022
"The future of user research is not just about profit and growth; it's about making a better world."
Steve PortigalLooking Back…to Look Ahead
March 26, 2024
"Words matter and language is foundational to culture."
David ConradThe Feeling of Data
September 14, 2023
"The best innovations often don't start out fully formed."
Jon FukudaTheme 3 Intro
September 25, 2024
"Design can help envision the future and build confidence in product solutions."
Catt SmallMoving from Execution to Strategy as a Designer
December 6, 2022
"The role of a UX researcher is to inform and inspire the team, not just to conduct research."
Scott Jensen Sarah Delaney Carmen LiuShort Take #2: UX/Product Lessons from Your Industry Peers
December 6, 2022
"AI may make tasks faster, but speed doesn't always mean better quality."
Bria Alexander Brittany Hobbs Christopher NoesselDay 1 Panel: Up to the Minute: The latest in AI’s impact on UX
June 10, 2025
"You don't think about how disaster response happens until it happens to you."
Kyria Stephens Marlon KernerPower to Heal: Civic Design in the Aftermath of Tragedy
November 17, 2022
"Let’s focus on possibilities rather than being demoralized about the state of things."
Christian CrumlishIntroduction by our Conference Chair
December 6, 2022
