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
Scott Plewes
Why Isn't Your UX Approach Going Viral?: A Mathematical Model
2023 • Advancing Research 2023
Gold
Lada Gorlenko
Theme 1: Intro
2024 • Enterprise Experience 2020
Gold
Charles Lee
Building a New Home for the Atlassian Design System
2020 • Enterprise Community
Deanna Smith
Leading Change with Confidence: Strategies for Optimizing Your Process
2024 • DesignOps Summit 2024
Gold
Erin Weigel
Get Your Whole Team Testing to Design for Impact
2024 • Rosenfeld Community
Josina Vink
Navigating the pitfalls of systems thinking in service design
2024 • Advancing Service Design 2024
Gold
Katie Johnson
Disrupting generative AI products with just-in-time consumer insights
2024 • Designing with AI 2024
Gold
Sarah Brooks
Fireside chat with Sarah Brooks and Jen Pahlka
2021 • Civic Design Community
Adel Du Toit
Get Your CFO To Say: 'Our Strategic Goal is User Obsession'
2022 • Design at Scale 2022
Gold
Benjamin Real
Showing the Value of DesignOps by Not Having a DesignOps Team
2020 • DesignOps Summit 2020
Gold
Sarah Barrett
The "How" of Enterprise Information Architecture
2023 • Enterprise UX 2023
Gold
Deirdre Hirschtritt
Research is Only as Good as the Relationships You Build
2022 • Civic Design 2022
Gold
Bas Raijmakers, PhD (RCA)
What Design Research can Learn from Documentary Filmmaking
2022 • Advancing Research 2022
Gold
Ryan Matthew
Bridging Design and Code: AI-Powered Design System Integration
2025 • Rosenfeld Community
Elizabeth Churchill
Exploring Cadence: You, Your Team, and Your Enterprise
2017 • Enterprise Experience 2017
Gold
Kritika Yadav
Optimizing AI Conversations: A Case Study on Personalized Shopping Assistance Frameworks
2025 • Designing with AI 2025
Gold

More Videos

Ariba Jahan

"Creating space to name what we’re experiencing without guilt allowed us to unload some of that emotional weight."

Ariba Jahan

Team Resiliency Through a Pandemic

January 8, 2024

Marissa Cui

"You don’t need a lot of upfront data; we predict energy usage with AI from just a building’s address."

Marissa Cui Rachel He Michael Leggett Manos Saratsis

Climate Design Product Showcase

March 13, 2024

Sam Proulx

"Dark mode started off as an accessibility feature for visual challenges and eventually became mainstream because it’s so valuable for everyone."

Sam Proulx

Accessibility: An Opportunity to Innovate

June 8, 2022

Farid Sabitov

"Dynamic permission management and turning on SSO or SIEM help manage tools at scale without nano work."

Farid Sabitov

Theme Four Intro

September 9, 2022

George Zhang

"Ethics is a very important part of any user research team and should be a foundational part of how you evaluate work."

George Zhang Molly Stevens

UX Research Excellence Framework

March 11, 2021

Amelia Cole

"You can use experience sampling data to select a small qualitative sample to dive deeper in interviews."

Amelia Cole

Data-Prompted Interviews

December 17, 2021

Jack Moffett

"If the entire firm isn’t operating the same agile script, you won’t get the benefits of scaled agile."

Jack Moffett

SAFe or Sorry?

May 29, 2019

Dave Malouf

"Without real business world experience, most leaders struggle with the overwhelming amount of demands placed on them."

Dave Malouf Adrienne Allnutt Jon Fukuda Dominique Ward

The Future of DesignOps

January 8, 2024

Kit Unger

"You have to present UX value from the stakeholder’s perspective: what will John the developer get from doing this?"

Kit Unger Jackie Ho Veevi Rosenstein Vasileios Xanthopoulos

Theme 2: Discussion

January 8, 2024