{"id":8280,"date":"2026-03-20T08:48:09","date_gmt":"2026-03-20T08:48:09","guid":{"rendered":"https:\/\/www.wendyzhou.se\/blog\/?p=8280"},"modified":"2026-05-16T13:55:14","modified_gmt":"2026-05-16T13:55:14","slug":"the-future-of-ui-design-with-ai-how-to-keep-up-with-ai-as-a-ui-designer","status":"publish","type":"post","link":"https:\/\/www.wendyzhou.se\/blog\/the-future-of-ui-design-with-ai-how-to-keep-up-with-ai-as-a-ui-designer\/","title":{"rendered":"The future of UI Design with AI &#8211; How can designers keep up with AI?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>With the rise of <a href=\"https:\/\/www.wendyzhou.se\/blog\/how-generative-ai-is-revolutionizing-design-workflows\/\" data-type=\"post\" data-id=\"7936\">Generative AI<\/a> tools such as Figma Make, Lovable, and other prompt-to-design tools, the future of UI designers might change. In this article, we&#8217;re going to look at what the future for UI designers will be in the age of GenAI, and if the way we design will change. <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Related: <a href=\"https:\/\/www.wendyzhou.se\/blog\/is-ai-replacing-junior-jobs-what-can-we-do-about-it\/\" data-type=\"post\" data-id=\"8534\">Is AI Replacing Junior Jobs? What Can We Do About It?<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How does the future of UI Design look with AI?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When I first became interested in design, UI design in particular attracted me due to the combination of artistic skills, with technology, functionality, and rationality. It felt like creating art, but for a useful purpose. Now, with generative AI, which is quite effective at generating UI patterns, I&#8217;m wondering what the future for UI designers will be.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I think we will see a change in how UI design is done and which tools designers use. For example, generative AI tools such as Figma Make and Claude Code might become standard tools to work with in the design process, both for generating mockups, as well as for turning designs into functional code-base prototypes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What can Generative AI tools do?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Generative AI tools can take a text prompt or a visual input (such as a sketch or static mockup), and generate new UI designs. The AI models are trained on lots of training data, including real examples of UI design mockups created by human designers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The strength of AI models is that they are great at pattern recognition. Thus, AI models can learn UI design patterns such as standard buttons, design systems, padding and margins systems, and color schemes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since AI models are good at generalizing from many examples, the design outputs look highly generic and standardized. But, they do follow conventionalities in terms of UI patterns, color schemes, paddings and margins, font choices, and so on.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">When Junior UI designers use GenAI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the past year, I&#8217;ve been teaching in interaction design, including courses on user interface design, at two universities. I can clearly see that when students use GenAI to generate UI design prototypes. It looks very polished and follows generalized patterns. In a way, this might feel good for the students, but it is also clearly better than what a design beginner would be able to do on their own.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When beginners design their first interface, you will see mistakes in misaligned UI elements, odd padding and margins, and misaligned items that are inconsistent with the basic structure of HTML and CSS. These are good mistakes. They invite feedback, discussion, and improvements, which leads students to reflect and learn <em>why<\/em> we follow certain best practices in UI design. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also see that non-AI-generated outcomes are often much more creative than AI-generated outputs. Many junior designers think outside the norms; they\u2019ve not yet been boxed in and trained on the conventionalities of design, and their designs are interesting in that they show a new way of interacting with technology. These are good things that disappear with AI use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When junior or design students use generative AI to produce design mockups, it restricts their creativity and limits their personal taste from shining through. I think that AI-generated design lacks character, personality, and connection to the designers\u2019 cultural and personal background. All of these things, I think, are very important to maintain in our increasingly soulless digital world.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If everyone, from design students to professional designers, consistently uses generative AI instead of allowing their own creativity to take shape, I am worried that we will lose what\u2019s fun and inspiring about design work. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Everything will end up looking the same: boring, soulless, culture-less.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, I hope our future UI designers won\u2019t be too lazy and still put in the effort to add their own touch to their designs, <em>even<\/em> if they need to use generative AI to produce the basics faster. Hopefully, we\u2019ll see more playful colors, personal illustrations, creative micro-animations in interactions, or more personal content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New AI-based User Interfaces<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There\u2019s no denying that AI is taking an increasingly larger role in our digital atmosphere. LLMs and Generative AI models are being integrated into our new applications, both by startups and larger companies. What we might see in AI-based UI design is a need to design for dynamic content. For example, personalized content for the user based on their personal data and history.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">New applications can leverage LLMs (Large Language Models) and Generative AI to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Generate personalized text and image content for users. For example, a personalized home page feed with the individual users\u2019 interests.<\/li>\n\n\n\n<li>Implement LLM-based chatbots for various purposes. For example, a self-reflection chat in self-tracking apps, or a customer service chat for a bank.<\/li>\n\n\n\n<li>AI-generated summaries and highlights<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This means that UI designers need to learn to design for a more dynamic and adaptive system, where it might be impossible to predict and test for exactly what the user will see. In traditional websites, for example, you know that if you click on this button, you will be redirected to that specific page. Now, you might not be certain what type of content the user will be interacting with, and you must be more adaptive with how you design the UI elements on the screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some even believe that we\u2019re going towards a future without user interfaces. They believe we\u2019ll only interact with chatbots like ChatGPT or use voice-based interfaces like Siri or smart home assistants. I don\u2019t believe this. I think we\u2019ll continue to see screen-based interfaces for a long time, but the features in UI design might change to incorporate AI-based features and functionality.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What do UI designers need to learn to keep up with AI?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I think it\u2019s essential that designers learn what AI is, how the technology works, the strengths and weaknesses of AI, and how to design for AI-based features. I also think we\u2019ll see a blurring between UI design and front-end development, prompted by the rise of agentic AI code tools such as Cursor and Claude Code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For current UI design practitioners and future design students, I think it\u2019s essential to keep up with development in AI. Here are a few things you can learn as a designer to keep up with AI:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Try out the new Generative AI tools out there, starting with Lovable and Figma Make<\/li>\n\n\n\n<li>Learn \u201dvibe coding\u201d with tools such as Claude Code and Cursor. <em>If<\/em> these new tools require designers to contribute to code, you don\u2019t want to be too behind.<\/li>\n\n\n\n<li>Experiment with generative AI-based workflows. Read: <a href=\"https:\/\/www.wendyzhou.se\/blog\/starting-a-new-project-exploring-ai-in-design-practice\/\" data-type=\"post\" data-id=\"7735\">Generative AI for Product Design: Tools, Workflows &amp; Research in 2026<\/a><\/li>\n\n\n\n<li>Check out Microsoft\u2019s Human-AI Interaction Guidelines, which take into account many of the dynamic and non-deterministic parts of designing complex AI systems. However, it was developed in 2019, and I\u2019m wondering if things haven\u2019t changed since then.<\/li>\n\n\n\n<li>Stay involved by following blogs, discussion forums, joining design Slack groups, and so forth<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In summary, I think Generative AI for UI design is here to stay, due to its capability to quickly generate design prototypes and follow standard UI patterns. It can make parts of the UI design process quicker. However, the generated UI design lacks personality, character, cultural and social sensitivity, and looks boring. So, I hope that future UI designers will use their design sensibility, taste, and personality to add character and make the design more interesting and engaging. In addition, I think vibe coding tools might blur the boundaries between UI designers and front-end developer roles, and to stay competitive, it might be a good time for UI designers to take the brave step to learn how to use AI code agents (such as Cursor and Claude Code) to transform their designs into functional code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Related articles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.wendyzhou.se\/blog\/how-generative-ai-is-revolutionizing-design-workflows\/\" data-type=\"post\" data-id=\"7936\">How Generative AI is Revolutionizing Design Workflows<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.wendyzhou.se\/blog\/starting-a-new-project-exploring-ai-in-design-practice\/\" data-type=\"post\" data-id=\"7735\">Generative AI for Product Design: Tools, Workflows &amp; Research in 2026<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.wendyzhou.se\/blog\/what-is-human-ai-interaction\/\" data-type=\"post\" data-id=\"8523\">What is Human-AI Interaction?<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>With the rise of Generative AI tools such as Figma Make, Lovable, and other prompt-to-design tools, the future of UI designers might change. In this article, we&#8217;re going to look at what the future for UI designers will be in the age of GenAI, and if the way we design will change. Related: Is AI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8622,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[465,179,643],"tags":[],"class_list":["post-8280","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-ai","category-future-emerging-new-technology","category-human-ai-interaction","entry","has-media"],"gutentor_comment":0,"uagb_featured_image_src":{"full":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2.png",1280,685,false],"thumbnail":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2-150x150.png",150,150,true],"medium":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2-300x161.png",300,161,true],"medium_large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2-768x411.png",768,411,true],"large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2-1024x548.png",1024,548,true],"1536x1536":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2.png",1280,685,false],"2048x2048":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2.png",1280,685,false],"ocean-thumb-m":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2-600x600.png",600,600,true],"ocean-thumb-ml":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2-800x450.png",800,450,true],"ocean-thumb-l":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2026\/03\/The-Future-of-UI-Design-with-AI-2-1200x685.png",1200,685,true]},"uagb_author_info":{"display_name":"Wendy Zhou","author_link":"https:\/\/www.wendyzhou.se\/blog\/author\/wendy1111live-se\/"},"uagb_comment_info":0,"uagb_excerpt":"With the rise of Generative AI tools such as Figma Make, Lovable, and other prompt-to-design tools, the future of UI designers might change. In this article, we&#8217;re going to look at what the future for UI designers will be in the age of GenAI, and if the way we design will change. Related: Is AI&hellip;","_links":{"self":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/8280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/comments?post=8280"}],"version-history":[{"count":7,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/8280\/revisions"}],"predecessor-version":[{"id":8897,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/8280\/revisions\/8897"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media\/8622"}],"wp:attachment":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media?parent=8280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/categories?post=8280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/tags?post=8280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}