LongCut logo

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...

Loading video analysis...