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
Milan Guenther
A Shared Language for Co-Creating Ambitious Endeavours
2023 • Enterprise UX 2023
Gold
Chui Chui Tan
Global insights: Embracing international and intercultural research for innovation
2025 • Advancing Research 2025
Gold
Nathan Curtis
Design Systems for Us: How Many One-Source(s)-of-Truth Are Enough?
2019 • DesignOps Community
Adam Thomas
Survival Metrics – Making Change in a Fast, Data-Informed, and Politically Safe Way
2022 • Design in Product 2022
Gold
Kaaren Hanson
Stop Talking, Start Doing
2017 • Enterprise Experience 2017
Gold
Noreen Whysel
Short Take #4: UX/Product Lessons from Your Industry Peers
2022 • Design in Product 2022
Gold
Laura Klein
Unique challenges of innovation in enterprises
2020 • Enterprise Community
Kate Stern
Scaling Learning for the Future
2022 • DesignOps Summit 2022
Gold
April Reagan
Look, Think, Act: The Futures-Smart Design Organization
2021 • DesignOps Summit 2021
Gold
Sarah Kinkade
Design Management Models in the Face of Transformation
2022 • Design at Scale 2022
Gold
Tricia Wang
SCALE: Discussion
2018 • Enterprise Experience 2018
Gold
Victor Udoewa
Radical Participatory Design: Decolonizing Participatory Design Processes
2021 • Civic Design 2021
Gold
Louis Rosenfeld
The Bigger Picture: A Panel Discussion
2019 • DesignOps Summit 2019
Gold
Sarah Fathallah
Lessening the Research Burden on Vulnerable Communities
2020 • Advancing Research 2020
Gold
Iram Shah
Closing Keynote: The View from the Top
2019 • Enterprise Experience 2019
Gold
Mike Oren
Design Research Strategy & Strategic Design Research
2022 • Advancing Research Community

More Videos

Janaki Kumar

"The biggest mistake in communication is the illusion that it has happened."

Janaki Kumar

Innovate with Purpose

June 14, 2018

Meredith Black

"The biggest challenge is how to facilitate casual conversations that aren’t work process focused in a virtual world."

Meredith Black Elyse Hornbacher

Building Community and Common Trends to Look for in 2021

December 17, 2020

Sam Ladner

"Some of the most mundane objects can signal change."

Sam Ladner

How Research Can Drive Strategic Foresight

March 9, 2022

Liza Pemstein

"We have the quantity of research work; now we’re focused on building up the quality."

Liza Pemstein Jane Davis

Scaling Research Via an Ops First Model at Clever

March 27, 2023

Dave Malouf

"How ready are you to sense and respond to the patterns of emergence in your organization?"

Dave Malouf

Theme 3: Introduction and Provocation

January 8, 2024

Tiffany Cheng

"Groceries became the center of the pandemic. You can live without new clothes or movies, but not without food."

Tiffany Cheng

Designing in a Pandemic: Integrating Speed and Rigor

June 9, 2022

Sarah Auslander

"My younger self had a lot of impostor syndrome, but everyone even with more experience doesn’t totally know what they’re doing."

Sarah Auslander Betsy Ramaccia Gordon Ross

Insights Panel

November 18, 2022

Smitha Papolu

"At our sprint meetings three times a week, we discuss if a piece of feedback has already been prioritized or needs attention."

Smitha Papolu Nova Wehman-Brown Melissa Schmidt Adam Menter

Theme 3 Discussion

June 4, 2019

Cheryl Platz

"Physical remotes have a lower power draw and are often more purpose-driven than phones, which are sources of stress."

Cheryl Platz

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

April 4, 2024