Home · Business · Product & Strategy · UX & prototyping
As of 13 August 2026, AI can make a prototype in Figma.
Most people should hand this to a purpose-built tool.
Can you do it?
15 minutesto a draft.
1 hourto something you’d act on.
Cost, all in£0
Skill neededchat-fluent
Who has to check ityou
What the alternative costsRelume is an AI tool that generates sitemaps and wireframes and exports them to Figma; no alternative price is provided in the supplied data.
If this goes wrong: your team tests or presents a plausible-looking flow that hides a poor product decision, costing time and potentially sending development in the wrong direction.
What to actually do
Use a tool built for this
The route this page recommends
Do it yourself
Second choiceA chat interface, chat-fluent skill, and roughly 1 hour until you can act on the result.
How to actually do it
- Open the product brief, user research, current copy and any brand guidance, then gather the primary user goal, main journey, required states and device requirements.
- Paste those materials into the prompt, replacing every bracketed slot, and ask the chatbot to produce the screen structure and interaction map.
- Open Relume and enter the same product description, target user and main journey to generate the initial sitemap and wireframes.
- Compare Relume's generated screens with the chatbot's screen list, remove screens that do not support the main journey, and add any missing error, empty or success states.
- Export the selected Relume wireframes to Figma and rename the pages and frames to match the agreed screen list.
- In Figma, add the supplied copy, connect the primary buttons and links in Prototype mode, and create the essential validation and completion paths from the interaction map.
- Run the prototype from the first screen using the main journey, then compare every label, destination and state against the brief before sharing the Figma link with a colleague.
Prompt
Act as a UX prototyping assistant. Turn the following product brief into a low-fidelity clickable prototype plan for Figma. Product or feature: [describe it] Target users: [describe the users] Primary user goal: [describe the goal] Main journey: [list the steps from entry to completion] Required content and data: [paste the content or describe what must appear] Brand or visual guidance: [paste any guidance or write none] Device and accessibility requirements: [describe them or write none] Produce: 1. A screen-by-screen structure with a unique name for every screen. 2. The purpose of each screen and the user action it supports. 3. The exact headings, labels, button text, error messages and empty states needed, using invented placeholder content only where I have not supplied copy and labelling it clearly as placeholder text. 4. The interaction map, including every button, link, back action, validation state and success or failure path. 5. A list of components and reusable patterns to create in Figma. 6. A short list of assumptions and unresolved product decisions. 7. A concise checklist for testing the prototype with a colleague. Keep the flow to the minimum number of screens needed to demonstrate the main journey. Do not invent business rules, prices, legal claims or user research findings. Separate confirmed requirements from assumptions. Format the answer so I can build it screen by screen in Figma.
Open it prefilled in ChatGPT or Claude, or copy it into Gemini, which takes no prefill link.
Hand it to a person
The distant thirdA person who owns the outcome does this end to end, worth it when the failure is dear.
What it gets wrong
- AI does not know which unresolved product decisions matter most to your users or business.
- It produces plausible flows that can miss edge cases, accessibility needs and operational constraints.
- It does not replace user testing, so a working click path is not evidence that the product is easy to use.
- It cannot make the prototype reflect your product team's priorities unless you provide those priorities explicitly.
- The final Figma file still needs human work to connect interactions, correct copy and make the visual system coherent.
Even on a YES, the friction has a name: context depth, judgement under ambiguity and taste.
How we scored this
Five axes, each scored nought to two by hand: ten means AI carries the task cleanly, and the thresholds that turn a total into YES, PARTLY or NO are published in the methodology. Each axis name links to its definition.
| Axis | Score (0–2) |
|---|---|
| Output | 2 |
| Inputs | 2 |
| Verification | 1 |
| Liability | 2 |
| Effort delta | 1 |
| Total | 8 / 10 |
The methodology and its thresholds are published in full.
FAQ
- Can ChatGPT create a Figma prototype?
- It can create the screen plan, copy, states and interaction map for a Figma prototype, but a chatbot does not by itself arrange and connect the frames in your Figma file. Use its output alongside an AI design tool such as Relume, then build and check the clickable links in Figma.
- What is the best AI tool for making a Figma prototype?
- Relume is a suitable starting point because it generates sitemaps and wireframes and exports them to Figma. You still need to add or correct content and connect the interactions in Figma.
- Can AI make a clickable prototype?
- Yes, AI can generate the screens and specify the links for a clickable prototype, and purpose-built tools can provide a starting file for Figma. You must test the click path yourself because AI can omit states or connect an action to the wrong destination.
- Do I need UX skills to use AI to make a Figma prototype?
- You can get a first draft without advanced UX skills if you provide a clear brief and a single main journey. You still need enough understanding to spot missing states, ambiguous wording and a flow that does not match how people work.
Nearby answers
Assessed by gpt-5.6-luna (gpt-5.6-luna) on 2026-08-13, second-checked by an independent model. Wrong somewhere? Email [email protected] and it gets re-checked.
The newsletter
AI news, new answers and product picks, straight to your inbox.