Skip to main content

How to use AI for product design: 7 use cases

Share How to use AI for product design: 7 use cases

AI product design tools are turning abstract ideas into working prototypes, often in just minutes. With a simple prompt, designers can generate visual layouts, test interactions, and iterate faster than ever.

Learning how to use AI for product design is becoming a must-have skill for UI and UX teams. In fact, according to Figma’s 2025 AI report, 85% of designers and developers say learning to work with AI will be essential to their success in the future. As AI becomes embedded in daily workflows, it’s freeing up teams to spend less time on production and more time on strategy, vision, and problem-solving.

Read on to learn:

  • How AI enhances the product design process from concept to prototype
  • How to use Figma Make to create and refine designs with AI
  • Tips for writing effective AI prompts that get strong results

Use case 1: User research and data analysis

User research is the foundation of strong product design, but manually gathering and analyzing insights can be time-consuming. Using AI speeds up this process and helps teams get actionable insights faster.

Tools like ChatGPT and Gemini can analyze large amounts of datasets, surface patterns, and summarize survey responses or interviews. Some AI tools can even create draft user personas or map the user journey, based on existing feedback, giving teams a faster way to align around user needs.

Use case 2: Ideation and concept creation

Once you understand your users, it’s time to explore directions. AI can help kickstart the creative process by turning text prompts into early concept sketches, layout ideas, or even interactive mockups.

Tools like text-to-image generators and AI-assisted wireframing help teams quickly visualize a product’s look and feel, often in minutes instead of hours.

At this stage, AI tools support:

  • Faster creative exploration. AI helps teams generate design variations and even create mood boards to explore tone and style.
  • Data-informed inspiration. It can analyze design trends and patterns to suggest what styles or layouts are resonating in the market.
  • Early validation. Rough AI-generated prototypes make it easier to test ideas with stakeholders or users before investing time in final designs.

Use case 3: Prototyping

Prototyping is where early ideas and concepts take shape. With the help of AI, you can generate UI layouts, suggest color palettes, typography, and even component placements based on your product description and target audience.

Tools like Figma Make turn text prompts and wireframes into polished UI mockups, making it easier to test designs before development.

AI-powered prototyping also speeds up iteration. It can autofill placeholder content, suggest layout tweaks, and make it easier to test variations before finalizing a design. Instead of spending hours adjusting screens manually, teams can quickly explore and refine ideas, accelerating the path from concept to build.

Use case 4: Usability testing and validation

Prototypes only go so far without feedback. AI helps by analyzing user behavior, flagging friction points, and predicting usability issues before testing even begins. For example, AI models can highlight where users might get stuck, suggest improvements to layout or copy, or surface accessibility concerns.

AI can also support A/B testing by identifying which variations perform best, giving you quicker insights and more data to inform decisions. By automating parts of the usability testing process, teams can quickly validate designs and keep iterating without slowing down.

Use case 5: Product personalization

AI helps teams create more personalized and responsive products for individual users. By analyzing behavior and preferences, teams can dynamically adjust interfaces, highlight relevant features, and personalize content for different segments. This might look like adapting layouts for different user types, suggesting the next action, or highlighting the content each user is most likely to engage with.

Personalization also goes hand in hand with inclusive design. AI can flag accessibility issues, such as contrast adjustments or missing alt text, ensuring the product works well for everyone. Combined with real-time personalization, this approach helps teams create experiences that are both engaging and inclusive.

Use case 6: Manufacturing and production optimization

In hardware or physical product design, AI design tools, can help teams make faster, more informed decisions. They can analyze production data to select the best materials, forecast costs, and adjust supply chains with precision. Decisions that once took hours of analysis can now be made in minutes, making manufacturing more efficient and predictable.

Key benefits of using AI in production include:

  • Less material waste and lower costs. Analysis identifies the most efficient materials and processes for each product.
  • Fewer production errors. Early detection of potential issues reduces mistakes and keeps production running smoothly.
  • Faster go-to-market time. Streamlined workflows and automated adjustments help bring products from concept to shelf more quickly.

Use case 7: Sustainability and lifecycle design

Sustainability is more important than ever, and AI for product development makes it easier to consider environmental impact at every stage. It can help select eco-friendly materials, minimize waste, and forecast the environmental impact of products across their lifecycle.

AI also supports lifecycle analysis (LCA) to measure carbon footprint, recyclability, and other key sustainability metrics, while still balancing performance and cost.

Some of the benefits include:

  • Reduced environmental impact. Teams can make design choices that reduce carbon emissions and waste.
  • Compliance with sustainability standards. AI helps ensure products meet regulatory and industry benchmarks.
  • Stronger brand reputation. Sustainable design choices can improve customer trust and loyalty.

Ready to start prototyping with AI?

Experience the power of Figma Make and bring your ideas to life.

Get started for free

Best practices for using AI in product design

AI can speed up design, but it’s most effective when guided by clear goals and a human-centered mindset. Here’s how to get the most out of product design AI tools in your workflows.

  • Set clear design goals. Define your constraints, functions, and aesthetics before prompting AI. Using SMART goals can help structure these objectives.
  • Maintain a human touch. AI can accelerate tasks, but creativity and empathy still come from designers. Use AI as a helper, not a replacement.
  • Validate everything. Always review AI suggestions for feasibility, ethics, and performance. Use feedback loops to make sure ideas work in the real world.
  • Use AI collaboratively. Involve the whole team—design, engineering, and marketing—to keep everyone aligned throughout the process.
  • Document your workflow. Track how AI influences your design decisions. Keeping a record helps with transparency, collaboration, and iteration.

How to use Figma Make in your product design workflow

Figma Make lets designers and product teams go from concept to clickable prototype in minutes. Below is a step-by-step guide to using Figma Make in your product design workflow, showing how AI fits into each stage.

Step 1: Open or import a design

Start by deciding whether to work with an existing design or begin fresh:

  • Import an existing file. Click + → Attach a design to bring in a current design file.
  • Start from scratch. Skip the import and type directly in the AI chat to generate layouts, copy, or interface components from prompts.
A screenshot of the Figma Make home page, showing the option to import an existing design. ]A screenshot of the Figma Make home page, showing the option to import an existing design. ]

Step 2: Use the AI chat panel to generate a prototype

Once your design file is open, you can generate a prototype using the AI chat panel:

  • Type your prompt. In the AI chat box, enter a clear description of what you want the prototype to include. For example: “Design a user dashboard for tracking workouts with charts and progress bars.”
  • Submit. Click enter, and the AI will start creating a first version of the prototype.
  • Preview and interact. The generated prototype appears in the preview area, where you can explore and edit elements directly.
A screenshot of a user prompting Figma Make to create a workout user dashboard, and a preview of the result.]A screenshot of a user prompting Figma Make to create a workout user dashboard, and a preview of the result.]

Step 3: Iterate through conversation

Continue refining your prototype directly in the AI chat panel:

  • Provide specific instructions. Type requests like “Add a dark theme” or “Make the buttons rounded” to adjust the design.
  • Add or reference new elements. Attach additional frames or components, paste design elements, or upload images for reference.
  • See updates in real time. Changes appear in the preview area, letting you quickly review and fine-tune your design.
Screenshot of a user prompting Figma Make to edit the layout and colors of the initial design, and a preview of the updated results.]Screenshot of a user prompting Figma Make to edit the layout and colors of the initial design, and a preview of the updated results.]
Screenshot of a user prompting Figma Make to edit the layout and colors of the initial design, and a preview of the updated results.Screenshot of a user prompting Figma Make to edit the layout and colors of the initial design, and a preview of the updated results.

Step 4: Edit with visual tools

You can also tweak things directly using Figma Make’s visual tools:

  • Turn on editing. In the AI chat box, click “Point and edit” below the prompt area.
  • Select and adjust elements. Click any element— text, buttons, images— in the preview area. Tweak padding, color, text, or spacing using the editing toolbar.

This way, you can quickly make precise adjustments while still taking advantage of AI suggestions.

A screenshot of a user directly editing a design in Figma Make, using the Point and edit tool.]A screenshot of a user directly editing a design in Figma Make, using the Point and edit tool.]

Step 5: Preview and test interactions

After refining your prototype, you can test how it works in real time:

  • Select “Play.” Click the “Play” button in the top right corner of the preview area to open your prototype in interactive mode. This lets you navigate between screens just like a user would.
  • Test with real or sample data. You can connect a backend to test with live data or use sample datasets to see how your prototype behaves in different scenarios.
A screenshot showing preview mode in Figma Make.A screenshot showing preview mode in Figma Make.

Step 6: Export or move to Figma Design

If you’re on a Professional plan or higher, you can transfer your prototype into Figma Design to continue refining or share it with stakeholders:

  • Copy to the Design canvas. In the preview area, click “Copy design” to bring your prototype in as editable layers on the Figma Design canvas.
  • Refine or share. Adjust layouts, tweak components, and collaborate with your team directly in Figma Design.
A screenshot showing preview mode in Figma Make.A screenshot showing preview mode in Figma Make.

How to write effective AI prompts as a product designer

Strong AI prompts start with intent. Think of each prompt as a mini brief: what you’re designing, who it’s for, and how it should feel. The more context you give, the better your results.

Here’s a simple framework you can follow:

  1. Start with structure. Begin with a clear goal that defines the screen, function, or flow. Example: “Design a mobile checkout screen for an e-commerce app with an order summary, progress bar, and checkout button.”
  2. Refine tone and layout. Add style and layout cues that guide the overall feel. Example: “Make it minimalist and modern, with a muted color palette and clear hierarchy.”
  3. Explore variants. Ask Figma Make to generate a few versions so you can compare different UX approaches. Example: “Show two alternate layouts (one single-column and one card-based) and describe pros and cons for each.”
  4. Add implementation details. Once you’re happy with the concept, request specifics like component lists or code-ready notes to support handoff. Example: “Include recommended typography, spacing tokens, and component names for easy editing in Figma Design.”

With each step, you move from a broad creative direction to something actionable. Figma Make’s conversational flow makes this iterative process fast and grounded in your product’s context.

Optimize your product design lifecycle with Figma Make

AI is reshaping product design, making it easier to explore ideas, test interactions, and refine UI faster. Figma helps you bring your AI‑powered workflow to life.

Here’s how you can start using Figma right away:

  • Check out Figma’s product development templates to map out features, workflows, and design iterations.
  • Use Dev Mode for seamless handoff, inspection, and code-ready specs once prototypes are ready for engineering.
  • Explore Figma’s UI design tool to assemble interfaces using prebuilt components and assets quickly.

Ready to optimize your product design workflows?

Turn your ideas into working code—just prompt what you want with Figma’s AI code generator.

Get started for free

From the blog

Abstract illustration of interlocking organic shapes in purple and orange on a dark green background.Abstract illustration of interlocking organic shapes in purple and orange on a dark green background.

The TL;DR on MCP: Why context matters and how to put it to work

Figma’s MCP server brings your design decisions into the tools where code gets written—so what gets built actually matches what was designed. Here’s what that unlocks for everyone who builds products.

Learn more
A collage of natural reference images—including a hibiscus flower, rock faces, cacti, and an orange desert landscape—connected by pink and teal lines with node points, representing a Figma Weave canvas linking visual assets together.A collage of natural reference images—including a hibiscus flower, rock faces, cacti, and an orange desert landscape—connected by pink and teal lines with node points, representing a Figma Weave canvas linking visual assets together.

Turning prompts into five scalable workflows with Figma Weave

To build upon a visual language with AI, you need to harness the logic behind each prompt—building, editing, and directing how visuals come to life. Here, we share five creative workflows that show the breadth of what the Figma Weave canvas can do.

Learn more

How Figma AI tools helped us bring extra delight to the canvas

For our annual April Fun Day, we used Figma Make, Weave, and MCP to build six mini games that captured the spirit of play. Here’s what we learned.

Learn more
A Figma Make prompt input centered on screen surrounded by colorful file shapes, representing different types of attachments being added.A Figma Make prompt input centered on screen surrounded by colorful file shapes, representing different types of attachments being added.

Build with more context and more control in Figma Make

Starting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints.

Learn more
Dark terminal window labeled “earthling — zsh” overlays a green-toned UI design canvas, showing a command to generate a button component set and status messages confirming files read and 72 variants created.Dark terminal window labeled “earthling — zsh” overlays a green-toned UI design canvas, showing a command to generate a button component set and status messages confirming files read and 72 variants created.

Agents, meet the Figma canvas

Starting today, you can use AI agents to design directly on the Figma canvas. And with skills, you can guide agents with context about your team’s decisions and intent.

Learn more
Cartoon designer floating and juggling UI cubes with chart, avatar, and pencil icons, surrounded by springs and shapes.Cartoon designer floating and juggling UI cubes with chart, avatar, and pencil icons, surrounded by springs and shapes.

Design’s influence is expanding, and here’s why that feels hard

As AI accelerates creation and raises expectations, designers are navigating a field that’s bigger, faster, and more demanding than ever.

Learn more