Rosenverse

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.

Shipping your code generation experiments to production
Conference ticket
Wednesday, June 11, 2025 • Designing with AI 2025
Share the love for this talk
Shipping your code generation experiments to production
Speakers: John Donmoyer
Link:

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

Ed Mullen

"Collaboration is crucial to navigate ambiguity in government service design projects."

Ed Mullen

Designing the Unseen: Enabling Institutions to Build Public Trust

November 16, 2022

Peter Levin

"We're already doing this right here. It's already happening. Why don't we just extend it?"

Peter Levin

Solve a Problem Here, Transform a Strategy There: Research as an Occasion for Expanding Organizational Possibility

March 25, 2024

Bria Alexander

"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 Goldthorpe

OKRs—Helpful or Harmful?

January 20, 2022

Kate Koch

"We're trying to make sure that we pay particular attention to things that could block our ability to collaborate effectively"

Kate Koch Prateek Kalli

Flex Your Super Powers: When a Design Ops Team Scales to Power CX

September 30, 2021

Amy Marquez

"Each of those sides contributes revenue to the bottom line in some way."

Amy Marquez

INVEST: Discussion

June 15, 2018

Brenna Fallon

"Learning culture is paramount; you have to change better if you're always changing yourself."

Brenna Fallon

Learning Over Outcomes

October 24, 2019

Brian Moss

"The unseen costs of emotional labor can significantly impact a research team."

Brian Moss

What Does it Mean to be a Resilient Research Team?

March 9, 2022

Adel Du Toit

"I wanted to make sure that we find a way to give our product teams the raw ingredients they need."

Adel Du Toit

Get Your CFO To Say: 'Our Strategic Goal is User Obsession'

June 10, 2022

Kate Koch

"We're super ops, and we've discovered we have a lot of superpowers."

Kate Koch Jean-Claire Fitschen

Flex Your Super Powers: When a Design Ops Team Scales to Power CX

September 29, 2021