← The AI design field guide

Tools · 3 min · October 11, 2026

Figma Make for UX: prototype the behavior you need to learn about

A focused way to move from existing design context to a realistic prototype, a useful study and an honest handoff.

Figma describes Make as a prompt-to-app tool that can turn ideas and existing Figma designs into interactive apps. Its documentation includes attaching designs, editing through conversation and visual controls, sharing previews and publishing. For UX work, the practical opportunity is to explore behavior that static screens cannot demonstrate. A published prototype still needs review appropriate to its intended use.

Bring context from the design system

Choose one flow, such as filtering and comparing workshop sessions. Attach the relevant frames or components and explain their purpose. Supply real field names, content lengths and rules. State which patterns must be preserved and where exploration is welcome.

Ask for a short implementation plan before generation. It should identify screens, state changes, data assumptions and unanswered questions. Resolve decisions such as whether filters combine with AND or OR logic before judging the appearance of the filter controls.

Build a prototype with useful friction

A prototype that always succeeds hides the hardest design questions. Include no-results, slow loading, validation and network failure where they affect the task. Use plausible sample data with varied names, prices and availability. Label that data as fictional in the project documentation.

For a comparison task, make it possible to select, remove and revise choices. Test the interaction on a small screen rather than assuming a desktop layout scales. Check whether the generated experience retains the component hierarchy and visual relationships you intended.

Run a study that answers one question

Write a scenario such as: “You and a friend need an evening class next week, and one of you needs step-free access. Find a suitable option.” Do not tell the participant to click a particular filter. Observe information-seeking, misunderstandings and whether they can establish that the choice meets their needs.

Record prototype defects separately from design findings. If a control fails because the generated code is incomplete, repair it before interpreting that as a user difficulty. If people overlook accessibility information despite working controls, investigate its placement, terminology and relevance.

Keep the engineering boundary visible

Review the actual code and data behavior before using the result as a public service. Validate permissions, stored data, error handling and dependencies as applicable. Publishing is a delivery action, not a certificate of quality. Preview sharing should also match the confidentiality of the client project.

Verify the rights to assets and packages included in the result. Confirm current seat access and feature availability directly with Figma when preparing a client scope. Avoid committing to an export format without testing that it supports the edits the receiving team needs.

Use Make for the question that benefits from a working interaction. Keep small content or layout explorations small, and reserve participant time for a prototype stable enough to produce interpretable observations.

Put it to work

Your next useful step

Turn a three-screen flow into a prototype with a no-results state. Write one neutral study task and record which interactions are simulated.

Open the free working toolkit ↗

Sources & editorial context

Primary product documentation or the publisher’s own coverage, checked October 11, 2026. Workflows and exercises are UX Design Coach recommendations; this is not a hands-on product benchmark.

Keep exploring