/ My Skills

My extensive list of skills

HTML5 - Developer X Webflow Template

HTML & CSS

Duis aute irure dolor in reprehenderit in voluptate.

Javascript - Developer X Webflow Template

Javascript

Ut enim ad minim veniam, quis nostrud exercitation.

React JS - Developer X Webflow Template

React JS

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Node JS - Developer X Webflow Template

Node JS

Excepteur sint occaecat cupidatat non proident ame.

Webflow - Developer X Webflow Template

Webflow

Duis aute irure dolor in reprehenderit in voluptate.

HTML5 - Developer X Webflow Template

HTML & CSS

Duis aute irure dolor in reprehenderit in voluptate.

Javascript - Developer X Webflow Template

Javascript

Ut enim ad minim veniam, quis nostrud exercitation.

React JS - Developer X Webflow Template

React JS

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Node JS - Developer X Webflow Template

Node JS

Excepteur sint occaecat cupidatat non proident ame.

Webflow - Developer X Webflow Template

Webflow

Duis aute irure dolor in reprehenderit in voluptate.

HTML5 - Developer X Webflow Template

HTML & CSS

Duis aute irure dolor in reprehenderit in voluptate.

Javascript - Developer X Webflow Template

Javascript

Ut enim ad minim veniam, quis nostrud exercitation.

React JS - Developer X Webflow Template

React JS

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Node JS - Developer X Webflow Template

Node JS

Excepteur sint occaecat cupidatat non proident ame.

Webflow - Developer X Webflow Template

Webflow

Duis aute irure dolor in reprehenderit in voluptate.

AI is Changing UI/UX Design: What Every Designer Needs to Know

AI is Changing UI/UX Design - and that statement is not an opinion, it’s a practical reality transforming how designers research, ideate, prototype, test, and hand off work. In this long-form guide I’ll distill the key ideas and practical takeaways from Rohan Mishra’s UXD Talks session at Microsoft Office, Gurugram, to give designers an actionable roadmap you can use today. Whether you’re a UX researcher, a product designer, or a developer working on design systems, this article explains why AI is changing UI/UX design, how it’s changing the design process, and what you should start doing now to stay relevant.

Table of Contents

Why this matters: AI is Changing UI/UX Design and the Future of Work

When someone asks why AI is Changing UI/UX Design, the short answer is that AI is a general purpose technology. It affects multiple industries simultaneously, and design is uniquely positioned to benefit because it sits at the intersection of business goals, user empathy, and technical constraints. The long answer includes historical context: AI research began decades ago, but only recently has it become broadly accessible through large language models, image generators, and integrated toolchains.

AI is Changing UI/UX Design because it enables patterns and decisions to be surfaced, automated, and amplified. From automating repetitive tasks to generating creative options at speed, AI affects three broad areas of design practice:

  • Speed and scale - do more work faster, test more ideas, produce more variations.
  • Decision support - surface patterns and edge cases from large data sets.
  • Automation - convert outputs across tools in semi-automated pipelines.

Who spoke and why to trust this perspective

Rohan Mishra, a designer with a decade of experience who founded a design studio and an education company called Mastry, gave the UXD Talks presentation. He has worked at product-led companies like Zomato and Urban Company and has helped teams across Southeast Asia build products and integrate AI into design workflows. The content I’m summarizing comes from Rohan’s talk and the practical insights he shared about tool choices, AI stages, and hands-on workflows.

Speaker introduction slide: Rohan Mishra and Mastery

Core concepts: How AI works and why that matters for UX

At the heart of the change is a simple concept: AI is very good at identifying patterns across large datasets and predicting what comes next. For designers, that means AI can infer common flows, likely user expectations, and recurring usability issues from past examples. AI is not magic; it’s pattern recognition augmented with probability and training data. Understanding that helps you design prompts, datasets, and workflows that make AI an ally rather than a black box.

AI is Changing UI/UX Design because AI models are trained on vast repositories of previous designs, user behaviors, product flows, and problem-solution mappings. When you give the right context - industry, geography, target user, constraints - AI can synthesize recommendations that align closely with real user needs.

Key mechanisms designers should understand

  • Training data and context: Models reflect the data they were trained on. Clarify context to avoid wrong assumptions.
  • Pattern recognition: AI excels at surfacing recurring solutions-e.g., how quick commerce apps present location and categories.
  • Generative capability: Modern tools can produce wireframes, copy, images, and even prototype code from prompts.

Slide explaining training data and prediction

Real-world industry examples where AI is already disrupting work

Before focusing on UI/UX, it helps to see broader examples. AI is not only changing UI/UX design - it’s changing medical diagnosis, media production, e-commerce personalization, and more. These cross-industry shifts help reveal where designers need to focus.

Healthcare: diagnosis and decision support

AI models like MedLM are performing diagnostic tasks at a level competitive with or superior to many practitioners in certain domains. For designers, this is a case study in how AI can offload routine reasoning and free humans for complex, creative, or skill-intensive work (like surgeries or deep clinical judgment). The lesson for UX is twofold: design for AI-human collaboration, and ensure systems present reasoning and confidence clearly.

Mention of MedLM and AI-assisted diagnosis

E-commerce and personalization

From Netflix using multiple artwork variations to Blinkit auto-generating recipes, companies are using AI to create, personalize, and A/B test content at scale. AI is Changing UI/UX Design here because product screens, creative banners, and content recommendations can now be dynamically generated and optimized per user. This shifts the designer’s role from crafting a single artefact to defining rules, constraints, and evaluation metrics for many artefacts.

Media and entertainment: storyboards and editing

Storyboarding-a practice borrowed from film and animation-can now be automated and iterated rapidly with AI. Editors use AI to trim footage and suggest cuts. Designers who create motion and narrative experiences must learn to evaluate AI-generated storyboards and refine the prompts that lead to desired emotional outcomes.

Discussion of AI speeding up storyboarding and editing

What AI is already doing in UI/UX design

AI is Changing UI/UX Design in very concrete ways right now. Here are the major areas where you’ll see immediate impact:

  • Wireframing and layout generation: Tools can convert prompts or sketches into editable wireframes inside Figma and other tools.
  • Design-to-code and component generation: AI can generate components, pattern libraries, and even code snippets for developers.
  • Copywriting and microcopy: From button labels to onboarding flows, AI can generate copy variants that you can test.
  • User research synthesis: Transcripts can be summarized, pain points extracted, and prioritized automatically.
  • Prototyping and user testing: Prototypes can be created faster and A/B tested; attention maps and heatmaps can be predicted.

AI-generated UI examples and wireframe conversion

Wireframes and rapid conversion into UI

Rohan demonstrated that what used to take hours of drafting can now be generated from detailed prompts. If you define the flow clearly, AI can produce wireframes and even integrate with plugins that convert those wireframes into high-fidelity UI. This is one reason many designers feel uneasy-the muscle work of creating screens is now faster to replace. But this doesn’t remove the need for design thinking. It elevates the need for strategy, empathy, and judgment.

The three stages of using AI for designers

Rohan outlined three practical stages for using AI in day-to-day design practice. Each stage represents increasing automation and complexity. Understanding these stages helps teams adopt AI incrementally, without jumping to agentic automation too soon.

Stage 1 - Simple prompting (Level One)

At this stage AI is a single-step tool: you give a prompt, you get an output. Designers use this for:

  • Writing personas, button copy, or feature ideas.
  • Summarizing research transcripts into highlights.
  • Brainstorming flows and edge cases.

Level one is where most designers already operate with tools like ChatGPT, Gemini, or Claude. The key to getting better at this stage is prompt engineering: craft clear, scoped prompts with sufficient context for the AI to avoid assumptions.

Slide describing Stage 1: simple prompting

Stage 2 - Workflows and output chaining (Stage 2.0 and 2.1)

Stage two moves from one-step prompts to pipelines. Outputs from one AI tool feed into another, creating semi-automated assemblies. Examples:

  • Generate user needs from research → feed those to a wireframe generator plugin → produce UI mockups.
  • Extract features from stakeholder interviews → convert into prioritized backlog items using Zapier or Pabbly Connect

When designers or teams connect tools-either manually or using automation platforms-they create internal assembly lines that cut time and ensure repeatability. This is where operations thinking and API knowledge start to matter for designers.

Diagram of Stage 2: chaining outputs and Zapier example

Stage 3 - Agentic workflows (Level Three)

Agentic AI can break down complex tasks into actionable steps and execute them across tools. You instruct the agent to accomplish a goal-e.g., build a healthcare design system-and it will:

  1. Research existing design systems in the healthcare domain.
  2. Extract patterns and common components.
  3. Produce a spec sheet and implementation notes.
  4. Generate initial components and a prototype.

Agents can make decisions on your behalf, but they require careful setup: define what tools agents can access, what decisions they can make, and what constraints they must follow. Agentic automation is powerful but best used when your workflows are mature and well-understood.

Slide explaining agentic workflows and AI agents

Prompt engineering: the single most valuable skill right now

One practical takeaway from Rohan’s talk: the better your prompts, the better the AI output. Prompt engineering is not about typing a sentence and hoping-it's a process of scoping context, clarifying constraints, and exposing decision nodes so the model asks questions instead of guessing.

Why long prompts matter

AI models make assumptions when information is missing. If you give a short prompt, the AI will fill the gaps with likely assumptions. If you give a long, structured prompt that includes context, goals, constraints, user profiles, target markets, and edge cases, the AI will produce much more relevant outputs. Rohan mentioned that his prompts sometimes span pages because edge cases matter in real product work.

Prompt engineering graphic: AI queries decision nodes

A simple prompting hack: ask the AI to ask you questions

One efficient trick is to instruct the AI to first ask clarifying questions before generating the output. This two-step approach forces the model to reveal its implicit assumptions and helps you clarify context that will dramatically improve the final result.

Practical tool recommendations and categories

Rather than trying to recommend every tool on the market, below are categories and example tools that Rohan and the community have found useful. Each category is paired with design tasks where AI is already effective.

User research and transcription

  • ChatGPT, Gemini - for synthesis and initial analysis.
  • Otter.ai / Loop Panel - for transcripts and automated highlight extraction.
  • Dovetail - for structured research analysis and tagging.

Loop Panel as an example research tool with AI features

Ideation and wireframing

  • Wireframe generators (Galileo / Stitch / various Figma plugins) - turn text prompts into wireframes.
  • UXPilot, Loveable, Cursor - for rapid iteration and developer handoff.

Design generation and Figma plugins

  • Randation - Figma plugin for creative layouts.
  • Wireframe-to-UI plugins - convert sketches/screenshots into editable designs.

Prototype testing and attention analysis

  • Maze, UserTesting.com - for usability tests with some AI synthesis.
  • Attention Insights - estimate where users focus on a screen.

Handoff and documentation

  • Spec tools (Spectral / formerly EightShapes) - generate spec sheets and design documentation.
  • WebVisual - screen recording and change capture for clear developer instructions.

List of design tools and Figma plugins

AI across the UX process (a practical breakdown)

Design processes are often described using familiar models: the Double Diamond (Discover → Define → Develop → Deliver) or the five-stage UX flow (empathize, define, ideate, prototype, test). AI is changing UI/UX design across every stage of these flows.

Empathize and discover

AI aids in interviewing and synthesizing feedback. Tools can transcribe sessions, detect pain points, tag quotes by theme, and even convert research findings into Jira tickets or actionable tasks. This reduces the overhead of turning raw notes into prioritizable items.

Empathize stage: research, stakeholders, pain point extraction

Define

After understanding users, AI can help define problem statements and user journeys. Use generated syntheses to create crisp "How Might We" statements and to assemble personas that reflect the evidence from user interviews. AI is especially strong at surfacing patterns across many interviews that humans might miss.

Ideation

Ideation benefits from AI’s ability to produce lots of ideas quickly. But the designer’s role is to curate, combine, and test those ideas. Use AI to break a creative block, then apply human judgment to keep the ideas aligned with business and brand goals.

Prototype and design

From wireframe generators to Figma plugins that translate prompts or screenshots into editable designs, this stage sees huge time savings. Designers should focus on system thinking: define components, constraints, token systems (color, spacing, typography), and accessibility requirements. AI can produce many variants; you choose which variants to refine.

Test and iterate

AI can predict attention maps, run similarity checks, synthesize user feedback, and recommend quick fixes. Use these capabilities to accelerate iteration cycles. But remember to validate AI-generated recommendations with real users, especially when you design for sensitive contexts.

Prototype and attention insights tool showing user focus areas

Building AI-augmented workflows: Practical examples

One of the most actionable parts of Rohan’s talk is the idea of treating your design process as an assembly line, chaining tools and automations to move results from discovery to production with minimal friction. Below are two example workflows you can adopt and adapt.

Example workflow 1 - Research to design handoff

  1. Record interviews and transcripts via Loop Panel or Otter.ai.
  2. Use AI to extract pain points, categorize them, and prioritize.
  3. Convert prioritized issues into wireframe prompts and feed them to a wireframe generator plugin in Figma.
  4. Use a Figma plugin to convert wireframes to high-fidelity UI with defined components.
  5. Run attention-insight predictions and a quick prototype test (Maze) and feed feedback back into the backlog via Zapier / Pabbly to create tickets.

This sequence shows how AI is Changing UI/UX Design by moving tasks along the line quickly and making the process repeatable.

Example workflow 2 - Continuous product improvement

  1. Collect product reviews and Play Store comments automatically.
  2. Use an AI agent to classify feedback by theme (usability, performance, feature requests).
  3. Convert recurring issues into pain points and propose wireframe improvements.
  4. Automatically generate proposals for fixes and send them to designers to review.
  5. Deploy changes and monitor impact via analytics and follow-up feedback.

Agentic workflow example: classifying reviews and generating wireframe suggestions

How to prepare your career while AI is Changing UI/UX Design

If AI is Changing UI/UX Design, what should a designer do to stay relevant? Rohan highlighted three S’s: Skill, Strategy, and Scalability. These map closely to practical actions you can take.

1. Skill - deepen your human strengths

  • Sharpen user research and empathy skills-AI can summarize but it can’t empathize.
  • Master design thinking and storytelling-these are differentiators in product decisions and presentations.
  • Learn prompt engineering and tool orchestration-become the person who knows how to get good results from AI tools.

2. Strategy - think like a system designer

Designers who move from pixel-level execution to system-level thinking will thrive. Define decision rules, failure modes, and guardrails for automated outputs. Create design systems that include AI-driven generation patterns and constraints.

3. Scalability - automate and document workflows

Build repeatable processes that scale: templates, prompt libraries, and automation pipelines. Document these so junior designers and cross-functional teams can reproduce consistent outcomes.

Slide describing the three S's: Skill, Strategy, Scalability

Practical activity you can try this week

Want to experience how AI is Changing UI/UX Design hands-on? Try this structured activity designed to take about 2–4 hours.

  1. Pick a small feature or flow (e.g., a movie ticket booking screen or a quick commerce checkout).
  2. Collect basic context: user type, top tasks, constraints (time, platforms), and market (country, language).
  3. Write a detailed prompt (8–12 lines) that includes context, acceptance criteria, and edge cases. Ask the AI to first list clarifying questions, then wait and answer them.
  4. Use the AI output to generate a wireframe via a Figma plugin or a wireframe generator tool.
  5. Convert the wireframe into a prototype and run an attention-insight or a quick user test.
  6. Iterate and document the prompt and decisions so you can reuse them.

Ethics, limitations, and quality control

AI is a tool, not a decision-maker. As AI is Changing UI/UX Design, designers must safeguard against biased training data, privacy leaks, and poor recommendations that come from flawed assumptions. A few rules of thumb:

  • Always validate AI-generated suggestions with real users, especially for mission-critical features.
  • Be aware of data privacy-especially if you train models on private or proprietary datasets.
  • Create guardrails and acceptance criteria for agentic workflows so they do not execute harmful or non-compliant actions.

FAQ - common questions about AI is Changing UI/UX Design

Q: Will AI replace UI/UX designers?

No. AI is changing UI/UX design by automating routine tasks and expanding possibilities, but designers who embrace AI as a collaborator will be far more valuable. The role shifts toward strategy, systems thinking, ethics, research, and storytelling.

Q: What skills should I learn first?

Learn prompt engineering, user research synthesis, and automation basics (Zapier/Pabbly). Also deepen your knowledge of design systems and accessibility. These skills create immediate leverage as AI becomes part of the workflow.

Q: How do I improve my prompts?

Provide context, constraints, user personas, examples, and edge cases. Ask the AI to produce clarifying questions before generating outputs. Iterate on prompts and save what works as templates.

Q: Which tools should I start with?

Begin with ChatGPT or Gemini for text outputs, a wireframe generator Figma plugin for layout experiments, and a transcription/research tool like Otter.ai or Loop Panel. Progressively add automation tools like Zapier or Pabbly as you mature workflows.

Q: When should I consider agentic workflows?

When your stage one and stage two pipelines are stable and you clearly define what the agents can and cannot do. Agents require careful access control and well-documented workflows.

Q: How do I maintain design quality as outputs scale?

Embed design principles, accessibility checks, and human review steps in your pipelines. Use AI to create options but rely on human judgment for decisions that affect user trust, safety, or brand integrity.

Slide showing example workflow and tools like Midjourney and Chroma

Conclusion: Embrace the shift - AI is Changing UI/UX Design, and that’s an opportunity

AI is Changing UI/UX Design in ways that are fast, far-reaching, and practical. From better user research synthesis to rapid wireframe generation and agentic workflows, the tools available today let teams move faster and explore more options. But technology alone won’t make better products-human empathy, judgment, and system thinking will decide which AI-generated possibilities become real, humane, and valuable experiences.

Takeaway actions you can implement this week:

  • Start writing structured prompts and save templates for recurring tasks.
  • Automate one small pipeline: research transcript → pain points → prioritized backlog item.
  • Experiment with a wireframe-to-UI plugin in Figma and document the results.
  • Invest in learning one automation tool (Zapier/Pabbly) so you can chain outputs.

AI is Changing UI/UX Design - and designers who adopt a system mindset, invest in prompt mastery, and maintain rigorous human-centered evaluation will lead this change. The future of design is collaborative: human empathy paired with machine intelligence yields better, more scalable, and more inclusive products.

Credits: This article synthesizes insights from “How AI is Revolutionizing UI/UX Design (What You Need to Know)” by Rohan Mishra at UXD Talks, hosted by UXD Talks and Microsoft Azure Developer Community. For the full talk and slides, watch the original video embedded above.

Closing slide from the session thanking attendees