# Explore Product Ideas With Figma Make

Source: https://www.youtube.com/watch?v=-aDkQH185FI
Recap page: https://rapidrecap.app/video/-aDkQH185FI
Generated: 2025-12-29T12:36:39.523+00:00

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

## Detailed Analysis

Figma Make serves as a collaborative ideation tool that transforms static meetings into interactive building sessions, allowing anyone, regardless of design or engineering background, to contribute to product development. Sam demonstrated how to initiate an exploration by attaching current design frames from the Trivet app to a prompt, ensuring visual consistency. His specific prompt requested a redesign of the recipe details page to feature a prominent "cook this tonight" button that would save the recipe and scroll to instructions upon interaction, detailing the task, context, expected behavior, and styling constraints. Figma Make processed this, displaying its reasoning while generating an interactive mobile prototype. Iterations were managed through follow-up prompts or direct element editing using the point and edit tool, with the ability to revert to previous chat states. Successful prototypes are easily transferable; Sam used 'copy design' to place his result on a FigJam board for team review, or the output can be pasted into Figma Design for final refinement.

### Figma Make Application

- AI-driven prompt tool used for brainstorming and prototyping new product features
- Allows users to generate interactive prototypes quickly
- Can be turned into a template for team use

### Trivet Use Case & Problem Identification

- Trivet is a recipe discovery app
- Research showed users weren't consistently saving recipes
- Team brainstormed solutions to the question, "How might we encourage users to save recipes they're interested in?"

### Prompt Engineering for Prototyping

- Sam attached existing designs via 'send to Figma make' to maintain visual styling
- Prompts must address task, context, expected behaviors, and constraints (e.g., layout/styling)
- Example prompt focused on adding a 'cook this tonight' button

### Iteration and Refinement Process

- Figma Make displays reasoning and code preview while generating output
- Users test prototypes (e.g., in mobile preview)
- Revisions occur via additional prompts or the point and edit tool
- Users can scroll through chat history to restore previous versions

### Collaboration and Handoff

- Completed prototypes can be shared instantly via 'copy design' to FigJam for team feedback
- Teams can duplicate a successful 'make file' to continue exploration from where another person left off
- Final prototypes can be presented or pasted into Figma Design for refinement