AI Is Changing How We Ideate, Design, and Build User Interfaces

Discover AnythingSignupWrite New StoryAI Is Changing How We Ideate, Design, and Build User InterfacesbyJinson JohnybyJinson Johny|@jinsonjohnySenior Product Designer at IBMDesign systems @ IBM Studios Dubai. Often builds plugins/apps for designers. Creator of deck.is plugin SubscribeAugust 4th, 2026TLDR Your browser does not support the audio element.Speed1xVoiceDr. One Ms. Hacker byJinson Johny@jinsonjohnybyJinson Johny|@jinsonjohnySenior Product Designer at IBMDesign systems @ IBM Studios Dubai. Often builds plugins/apps for designers. Creator of deck.is plugin SubscribeStory's CredibilitybyJinson Johny|@jinsonjohnySenior Product Designer at IBMDesign systems @ IBM Studios Dubai. Often builds plugins/apps for designers. Creator of deck.is plugin SubscribeStory's CredibilityFor decades, the workflow for designing user interfaces was fairly predictable. Designers made mockups, developers turned those mockups into code, and product teams reviewed the results, iterated, and shipped. Every artifact had its own clear job: design files for designers, code for developers, screenshots for communication. The tools kept changing over the years, but the overall workflow stayed remarkably consistent. I was lucky enough to start my career during that era. I learned UI design through Photoshop, watched the industry move to Sketch, and eventually adopted Figma. Every few years, the tools changed, but the workflow didn't. As a beginner, that made things surprisingly simple: learn the process first, then learn whichever tool the industry happened to use. Then AI arrived—not just as another design tool, but as an active participant in the creative process. The UI design ecosystem has shifted from a relatively stable set of specialized tools to a rapidly growing landscape of AI-powered workflows These days, it's completely normal to ask an AI assistant to generate a landing page, redesign a dashboard, build an onboarding flow, turn a screenshot into code, or explain why a layout feels off. Sometimes what comes back is an image, sometimes it's React code, sometimes it's a Figma file, and sometimes it's all three at once. The conversation isn't just happening between designers and developers anymore. It's happening between humans and AI. And that shift, small as it sounds, raises a much bigger question: if AI is going to be a permanent collaborator in UI design, what should the ideal workflow actually look like? For designers entering the industry today, the answer isn't nearly as obvious as it used to be. Every company has its own process, new AI tools appear almost weekly, and even experienced designers are still figuring out where everything fits. So maybe the question isn't which tool is right anymore. Maybe it's time to rethink the workflow itself.There Is No Longer a Single Workflow Over the past year, I've found myself designing in completely different ways depending on the problem. Sometimes I start with AI-generated images to explore ideas. Other times, I jump straight into code. For production work, I still rely heavily on design tools, and increasingly, AI is connecting all of these together. Rather than looking for one "correct" workflow, I started asking a different question: what is each workflow actually good at? The Image-First Workflow Best for:Early ideation, visual exploration, creative brainstormingStrengths:Fast, inspiring, low-friction concept generationTrade-offs: Difficult to edit precisely, iterate consistently, or reuse A typography concept generated using ChatGPT's image model. Image generation is excellent for exploring visual directions quickly, but the result remains a static artifact. Source : OpenAI Image generation models have gotten remarkably good at visual exploration. Need ten different hero sections? A mobile banking app? A futuristic dashboard? AI can produce concepts in seconds, which makes it hard to beat for brainstorming and creative exploration. The catch is that images are still mostly endpoi