Rosenverse

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
Matt Bernius
Trauma-informed Research: A Panel Discussion
2021 • Advancing Research Community
Changying (Z) Zheng
Navigating Innovation with Integrity
2024 • DesignOps Summit 2024
Gold
Wendy Johansson
Be a Product Boss!
2022 • Design in Product 2022
Gold
Anna Avrekh
Diversity In and For Design: Building Conscious Diversity in Design and Research
2021 • Design at Scale 2021
Gold
Joshua Graves
We Need To Talk: Addressing Unmet Expectations (Part 2 of 3)
2025 • Rosenfeld Community
Phil Gilbert
A Consistent Culture of Design
2015 • Enterprise UX 2015
Gold
Cara Maritz
The Art of Extrapolation
2023 • Advancing Research 2023
Gold
Chris Hammond
Embedding sustainability into enterprise design and development: A journey towards "sustainability consciousness"
2025 • Climate UX Interest Group
Michele Marut
Research Repositories Reconsidered
2019 • DesignOps Community
Dave Hoffer
UX Job Search AMA #2 with Joanne Weaver and Dave Hoffer
2025 • Rosenfeld Community
Ellen Chisa
The Values of Design
2023 • Design in Product 2023
Gold
Charlotte Vorbeck
Pipeline to Civic Design
2021 • Civic Design 2021
Gold
Johanna Kollmann
Insights-Driven Product Strategy: Get your Research to Count
2022 • Design in Product 2022
Gold
Kyria Stephens
Power to Heal: Civic Design in the Aftermath of Tragedy
2022 • Civic Design 2022
Gold
Crystal Philcox
The Many Faces of Operations
2017 • DesignOps Summit 2017
Gold
David Cronin
The GE Design System and Thoughts about Craft at Scale
2015 • Enterprise UX 2015
Gold

More Videos

Brad Peters

"When it comes to the data we’re providing, that decision point is really important for PMs."

Brad Peters Anne Mamaghani

Short Take #1: UX/Product Lessons from Your Industry Peers

December 6, 2022

Frances Yllana

"Winning my next client, my next project, my next design award was once all I cared about. Now, it’s about building equity and shared success."

Frances Yllana

DesignOps–Leading the Path to Parity

April 27, 2023

Liwei Dai

"Machines can identify correlation via association, but it’s extremely difficult for them to reason and identify causality."

Liwei Dai

The Heart and Brain of the AI Research

March 31, 2020

Laureen Kattan

"Prioritizing across a complex ecosystem of business owners requires deep alignment between product and UX or the product never moves forward."

Laureen Kattan Julie Kim

Centering Patients and Clinicians in a Complex Government Ecosystem

November 29, 2023

James Wieselman Schulman

"We are asked to produce more and more work with fewer people and smaller teams."

James Wieselman Schulman

Research is a team sport: advancing the work when everyone does the research

March 11, 2026

"There’s this kind of Collective unconscious within teams that formed over the pandemic which is deeper than any other team experience I’ve had."

DesignOps and The Great Talent War of 2021

August 19, 2021

Saara Kamppari-Miller

"I am one of the lucky ones. I have not lost my job this year and I get to work on inclusion and accessibility every day."

Saara Kamppari-Miller

Theme Three Intro

October 4, 2023

Kristin Skinner

"Only one in 10 companies have quantifiable measurement for their design leaders."

Kristin Skinner Kamdyn Moore

8 Types of Measures in Design Operations

April 16, 2020

Taylor Klassman

"In a remote environment, building authentic, deep relationships with stakeholders is a key skill for researchers."

Taylor Klassman

Shaping the Next Era of UX Research: Collaborative Forum

March 11, 2025