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.