{"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-03-20T08:54:21","modified_gmt":"2026-03-20T08:54:21","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 | How to keep up with AI as a UI designer?"},"content":{"rendered":"\n<p><strong>UI Design was what attracted me to the design field. For me, it represented the possibility to combine my artistic inclinations with technology, functionality, and rational thought. It felt like creating art, but with a useful side to our everyday lives. Now, 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 for UI Design<\/a> with tools such as Figma Make, Lovable, and other prompt-to-design tools, the future of UI Design might change. How does the future of UI design look with AI? Will the way we design UI change? What types of AI-based features will affect UI design? What do UI designers need to learn to keep up with AI?<\/strong><\/p>\n\n\n\n<p>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>I think we will see a change in how UI design is done and the tools we use. The type of AI-based tools that most likely will change how we design user interfaces is generative AI such as Figma Make and Lovable. Generative AI tools can take a text prompt or input such as a sketch or static mockup, and generate new UI designs. Due to the way AI models work, the design outputs often look highly generic, standardized, and can feel a bit boring. However, it\u2019s also looks polished in terms of paddings, margins, font-choices and so on.<\/p>\n\n\n\n<p>As a teacher in interaction design (Courses in UX, HCI, etc.) at a Swedish university, I can clearly see when students have used AI to generate a UI design. An AI-generated UI design actually looks too polished and follows generalized patterns too much to be realistic for a beginner who has never manually designed an interface before.<\/p>\n\n\n\n<p>When beginners and design students design their first interface, you can often see mistakes in misaligned UI elements, odd amounts of paddings and margins, and alignments of items that go against the basic structure of HTML and CSS. These are good mistakes, inviting for feedback, discussion, and improvements, leading students to learn why there are best practices in UI design. You can also see that they are very creative. Many new and junior designers think outside the norms; they\u2019ve not yet been boxed in, and many of their design mockups &#8211; while technically difficult to implement &#8211; provide a new way of interaction or aesthetics.<\/p>\n\n\n\n<p>AI-generated UI design, however, often has perfect UI element alignment, strict paddings and margins adhering to modern standards, and 100% realistic technical implementation (since it\u2019s generated in code). This might look nice and seem like a higher-quality design than what junior designers can create manually, but it restricts creativity and personality. I think AI-generated design lacks character, personality, and connection to the designers\u2019 cultural background. All of the things I think we need more of in our increasingly soulless digital world.<\/p>\n\n\n\n<p>If everyone, from design students to professional designers, starts using generative AI instead of allowing their own creative expressions to take up space, I\u2019m worried that we will lose what\u2019s fun, inspiring, and artistic about UI Design. Everything would look the same &#8211; boring, soulless, culture-less.<\/p>\n\n\n\n<p>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>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>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>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>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>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>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>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>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>UI Design was what attracted me to the design field. For me, it represented the possibility to combine my artistic inclinations with technology, functionality, and rational thought. It felt like creating art, but with a useful side to our everyday lives. Now, with the rise of Generative AI for UI Design with tools such as [&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":"UI Design was what attracted me to the design field. For me, it represented the possibility to combine my artistic inclinations with technology, functionality, and rational thought. It felt like creating art, but with a useful side to our everyday lives. Now, with the rise of Generative AI for UI Design with tools such as&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":4,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/8280\/revisions"}],"predecessor-version":[{"id":8621,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/8280\/revisions\/8621"}],"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}]}}