Introduction
Build a functional prototype without engineering
()
1. From Prompt to Prototype: Generating Complete UIs with AI
Plan your app: Creating a vibe PRD
()
Write your first prompt in Figma Make
()
Refine your AI-generated screens with iterative prompting
()
Generate additional screens in your prototype
()
Using screenshots and assets
()
When and why to choose specific AI models in Figma Make
()
2. Figma UX
Convert existing Figma designs into code with Figma Make
()
Move your prototype into Figma for design refinement
()
Bring design context from a Figma library
()
3. Database and APIs
Create a no-code back end
()
Connect to AI and data with MCP services in Figma Make
()
Connect third-party use APIs in Figma Make
()
View and edit the React code from Figma Make
()
4. Publishing
Publish and preview your prototype on the web
()
Export to GitHub for developer handoff
()
Create reusable templates to speed up new projects
()
Share your Figma Make projects with the Figma community
()
Ex_Files_AI_Prototyping_with_Figma.zip
(55 KB)