Explore Product Ideas With Figma Make

Quick Overview

Figma Make, Figma's AI-driven prompt application tool, enables product managers like Sam at Trivet to rapidly brainstorm, prototype, and iterate on solutions to user feedback, such as encouraging recipe saving in their discovery app, by generating interactive prototypes directly from design files and natural language prompts.

Key Points: Sam, a product manager at Trivet (a recipe discovery app), used Figma Make to address user feedback indicating that while users liked social features, they were not consistently saving recipes. The team focused their brainstorming on the question, "How might we encourage users to save recipes they're interested in?" Sam integrated existing design files into Figma Make by copying frames or using 'send to Figma make' to ensure generated prototypes matched the app's existing look and feel. Sam prompted Figma Make to "Redesign the recipe details page to emphasize a bold cook this tonight button with a step-by-step preview," specifying behavior like saving the recipe and scrolling to instructions upon selection. Figma Make generated an interactive prototype, displaying its reasoning and previewing the code in the left sidebar, which Sam tested in mobile preview. Sam refined the prototype using subsequent prompts or the point and edit tool, and could restore previous versions if an iteration failed. Completed prototypes can be shared via 'copy design' onto FigJam boards for team feedback or pasted into Figma Design for further refinement.

Context: The video explores the capabilities of Figma Make, an AI-driven prompt application tool, through the workflow of Sam, a product manager at Trivet, a recipe discovery application. Trivet's research identified an issue where users were failing to consistently save recipes they discovered, despite enjoying the app's social aspects. Sam's team used Figma Make to quickly explore solutions to this problem by generating interactive prototypes based on existing Figma designs and specific natural language instructions.

Raw markdown version of this recap