AI Tools for UX Designers: My Complete 2026 Design Workflow
By Griffin Wooldridge
Summary
Topics Covered
- ChatGPT Excels at Research Synthesis
- ChatGPT Delivers Design Critiques
- AI Studio Converts Designs to Code
- Figma AI Accelerates Prototyping
Full Transcript
In 2026, there are so many different AI powered tools that you can use to transform your workflows as a UX designer. Before AI came around a couple
designer. Before AI came around a couple years ago, pretty much every step of the UX design process was done very manually without the assistance of any artificial intelligence. But it goes without saying
intelligence. But it goes without saying that AI tools are here to stay, and they're going to continue enabling you as a UX designer to work smarter and more efficiently. So, now I'm going to
more efficiently. So, now I'm going to dive into how I'm using AI as a UX designer in 2026. First off, we have Chat GPT. Chat GBT is the backbone of my
Chat GPT. Chat GBT is the backbone of my AI stack, but not for what most people use it for. I almost never ask it to design user interfaces or prototypes because there are other tools out there that do that better that I will mention
later on. I use chat GBT to help me
later on. I use chat GBT to help me summarize, problem solve, and make decisions. So, it's kind of a second
decisions. So, it's kind of a second brain that I rely on when I feel like it would be better or smarter at doing certain tasks during my design process.
More specifically, I often use it for user research synthesis. If I have raw interview notes, survey responses, or even messy stakeholder feedback, I can drop it into a chat GBT and ask it some very specific questions like, "What
themes are emerging that users aren't specifically stating? Where are users
specifically stating? Where are users contradicting themselves? What problems
contradicting themselves? What problems sound emotional verse operational?" And
many more questions that you can prompt chat GBT with to get more details and insights out of your research. Now,
doing this saves me so many hours and it also forces me to challenge my own bias and I can kind of use chat GBT as a skeptical research partner. I would say I also use chat GBT for design critique.
Now, this is one of the most underrated use cases in my opinion. I can start by giving it as much context as possible about the workflow or use case that I'm designing for. Maybe even attach a PRD
designing for. Maybe even attach a PRD if you have one and then attach a few different design variations that I've come up with and ask it to tell me the pros and cons of each one. and
ultimately pick the best design based on the context that I've given it. You can
also ask chat GBT what it would change about your designs and you may be surprised about how specific and detailed it can get with its responses.
Of course, the final decisions about your designs should be based more on your interviews with users and uh any teammates you're working with. But the
critique that you get from chat GBT can give you some more valuable insights uh and analysis about your designs. Lastly,
with ChatGBT, it can be your copywriter.
ChatGBT is extremely good at reducing wordiness, identifying ambiguous language and rewriting copy for different tones or literacy levels. Just
like with having it critique your designs, it's important to give it context about who and what it should be designing for. Chat GBT is especially
designing for. Chat GBT is especially good at writing because it's powered by a large language model, which lets it comprehend and generate humanlike language extremely well. One lesserknown
feature of Chat GBT is fine-tuning the style and tone of its responses using personalization. Try adjusting these
personalization. Try adjusting these drop downs and giving it custom instructions in the text field here. So,
those are my main use cases for chat GBT, but it can be super powerful to varying extents during any step of the design process. It's also important to
design process. It's also important to note that ChatGBT is my chatbot of choice, but you can also use other popular ones like Claude, Gemini, or Grock to get very similar results. Next
up in my stack is Google AI Studio, which I can use to go from design to code in a single text prompt. Turning
your designs into interactive prototypes can be super important for validation and usability testing. And I've had the best luck with AI Studio compared to other popular ones like Vzero, Bolt, and Lovable. Let's take this design I came
Lovable. Let's take this design I came up with and turn it into a basic but functional prototype that we can iterate on. I'll start by providing some
on. I'll start by providing some screenshots of them and then give it some more context about these designs like how they should look and behave.
So now we have a working prototype and you can see it even includes specific details from your designs that you may not expect AI to replicate. But Google's
AI studio has a deep understanding of how to build a UI that makes sense and is userfriendly. If you want to answer
is userfriendly. If you want to answer questions like does this flow actually work end to end? Are there too many steps? Does this interaction feel
steps? Does this interaction feel annoying? A working prototype answers
annoying? A working prototype answers those questions faster than static frames. The last tool in my stack is
frames. The last tool in my stack is Figma AI. As a UX designer, I of course
Figma AI. As a UX designer, I of course already use Figma for the majority of my design process. So, it's been great to
design process. So, it's been great to see some AI features introduced over the past year. One of Figma's most valuable
past year. One of Figma's most valuable AI features I've utilized is Figma Make.
This is Figma's equivalent to a tool like Google AI Studio or Lovable, and I can give it a single text prompt, and it will start building an interactive application right here in Figma. Any
issues with your code can be instantly resolved here in the sidebar. The
biggest perk about using Make is you can import your own design system to have the AI tailor its generations to match your desired component styling. Another
feature that I found helpful is first draft. This is similar to Figma Make,
draft. This is similar to Figma Make, but more useful for getting fast design options on your canvas. You can
transform your ideas into editable wireframes or designs in a couple minutes. This helps you explore a wider
minutes. This helps you explore a wider range of design possibilities quickly and reduces the amount of effort needed to create early explorations from scratch. Once you've generated a design,
scratch. Once you've generated a design, you can make changes to it using another prompt or with a collection of style controls that let you adjust colors, type faces, and more. There are also several other AI features like rename
layers, which will automatically rename each layer within your selection based on the content, remove background, and add interactions, which instantly links your frames together to make for a clickable prototype. So, those are my
clickable prototype. So, those are my main AI tools of choice in 2026 as a UX designer. ChatGBT is for problem
designer. ChatGBT is for problem solving, AI Studio is for building, and Figma is for designing. While one of the core principles of UX design is real human connection and understanding, AI tools like this will make other parts of
the design process faster and more efficient. And it's essential to learn
efficient. And it's essential to learn these tools if you want to futureproof yourself as a UX designer. If you like this video, subscribe to continue improving your design skills.
Loading video analysis...