Rosenverse
Shipping your code generation experiments to production

This video is only accessible to Gold members. Log in or register for a free Gold Trial Account to watch.

Log in Register

Most conference talks are accessible to Gold members, while community videos are generally available to all logged-in members.

Shipping your code generation experiments to production

Gold
Wednesday, June 11, 2025 • Designing with AI 2025

This video is featured in the Designing with AI 2025 playlist.

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

  • •

    Starting UI design from scratch is both an opportunity to discard old patterns and a challenge that requires rethinking milestones, team skills, and deliverables.

  • •

    AI tools like ChatGPT and Claude can rapidly generate design elements such as color palettes and mock dashboards, significantly speeding up iteration compared to manual methods.

  • •

    Utilizing AI to generate code-based prototypes allows designers to test UI concepts closer to real user experiences, reducing the gap between design and production.

  • •

    The transition from designing in tools like Figma to working directly with code is facilitated by AI-assisted code generation, closing feedback loops and increasing designer agency.

  • •

    Designers do not need deep coding expertise to begin integrating AI-assisted code generation; starting with small experiments, like text or color changes, is effective.

  • •

    Collaboration and understanding the team’s diverse skill sets beyond job titles enrich the product development process and tool utilization.

  • •

    AI-generated experiments should be presented as disposable starting points to encourage iteration and avoid false expectations about completeness.

  • •

    Titles blending design and engineering, such as 'design engineer' or 'UX engineer', reflect the evolving nature of these roles in modern product teams.

  • •

    Flexibility and openness to evolving AI tools is critical, as tooling rapidly changes and improves, requiring continuous learning and adaptation.

  • •

    Deploying AI-generated designs and prototypes to actual production environments, as John did with Dino Deploy, accelerates real-world validation and team collaboration.

Notable Quotes

"I have somehow managed to not open Figma for the last six months, which I couldn’t have believed a year ago."

"Starting from scratch is really hard, but also a cool opportunity to throw away painful patterns."

"One of the most important questions before starting is what tools do I have to work with."

"I thought, maybe now is the time for change, maybe designers should code—maybe the better question in 2025 is should I code."

"With AI tools, you have to come back and reprompt, it’s not a one-shot operation."

"I generated a Tailwind color palette with AI that took seconds, compared to what used to take me some time manually."

"Having tight feedback loops and directly controlling the end-to-end experience completely changed how excited I was to do design work."

"If you never want to fully embed yourself in engineering, that’s fine too — you don’t have to show anyone the code you generate."

"Throwing away old methods for something new can unlock skills you didn’t know you had."

"AI tools have never made it easier to add flourishes like animations or excitement to your UI."

Ask the Rosenbot
Eduardo Ortiz
Theme 3 Intro
2025 • Advancing Research 2025
Gold
Alan Williams
Designing essential financial services for those in need
2022 • Civic Design Community
Sofia Quintero
The Product Philosophy Behind EnjoyHQ
2021 • Advancing Research 2021
Gold
Jon Fukuda
All the Ops: Successful cross-functional collaboration
2025 • DesignOps Summit 2025
Gold
Robert Reimann
Taming Design Complexity with UX Models
2017 • Enterprise Experience 2017
Gold
Frances Yllana
DesignOps–Leading the Path to Parity
2023 • DesignOps Community
Greg Nudelman
Designing Conversational Interfaces
2019 • Enterprise Community
Robert Fabricant
Industry junctures: Paths forwards for UXR and the critical decisions that get us there [Advancing Research Community Workshop Series]
2024 • Advancing Research Community
Rachel Radway
The Many Paths Of Design Operations
2022 • DesignOps Summit 2022
Gold
Tutti Taygerly
Videconference: How to Work with Difficult People with Tutti Taygerly
2020 • Enterprise Community
Dave Hora
Research in the Face of Complexity: New Sensibility for New Situations
2025 • Rosenfeld Community
William Newton
How to Lead With Data, and Without Data
2023 • Enterprise UX 2023
Gold
Peter Van Dijck
Designing AI-first products on top of a rapidly evolving technology
2025 • Designing with AI 2025
Gold
Dr. Jamika D. Burge
Broad Strokes: Connecting Design, Research, and AI to the World Around Us
2023 • Enterprise UX 2023
Gold
Catt Small
Craft a Vision that Actually Gets Shipped
2026 • Rosenfeld Community
Luke Roberts
Panel Discussion
2024 • Advancing Service Design 2024
Gold

More Videos

Erin Weigel

"Not all changes create value; some do nothing or even make things worse."

Erin Weigel

Get Your Whole Team Testing to Design for Impact

July 24, 2024

Jon Fukuda

"Different ops functions have different incentives; aligning those incentives could make leaps and bounds in collaboration."

Jon Fukuda Jake Burghardt Jose Coronado Natalie Dunbar Denise Tilles

All the Ops: Successful cross-functional collaboration

September 10, 2025

Sofia Quintero

"We made it a priority from day one to support data exports so customers can leave without wasting weeks migrating data."

Sofia Quintero

The Product Philosophy Behind EnjoyHQ

March 10, 2021

Christian Crumlish

"I wrote the book because people have a lot of questions about how to become a product manager or how to work with product managers or what is product."

Christian Crumlish

Introduction by our Conference Chair

December 6, 2022

Chris Geison

"The futures the field seeks to shape are typically more immediate than those studied by futurists."

Chris Geison

Theme 1 Intro

March 9, 2022

Bria Alexander

"Sponsor sessions are not sales pitches; they are content-rich and free to anyone who wants to attend."

Bria Alexander

Opening Remarks

September 9, 2022

Cheryl Platz

"If you are altering any form of self-expression, you need to be really careful."

Cheryl Platz

Demystifying Multimodal Design: The Design Practice You Didn't Know You're Doing

April 4, 2024

Samuel Proulx

"Designing for the average means designing for nobody."

Samuel Proulx

From Standards to Innovation: Why Inclusive Design Wins

November 19, 2025

Joerg Beringer

"You get a lot of different research outputs in a matter of minutes from your scope input."

Joerg Beringer Thomas Geis

Scaling User Research with AI: Continuous Discovery of User Needs in Minutes

June 10, 2025