Figma
Make™/
Mode
MAKE
PROMPT
CO-DESIGN
LIGHTSPEED
MAKE
PROMPT
CO-DESIGN
LIGHTSPEED
MAKE
PROMPT
CO-DESIGN
LIGHTSPEED
FROM
PROMPT
TO CODE
BREAK
THINGS
MOVE/Ai
FAST
From Prompt
to-Code
MCP+LLM
Why Figma Make? Making ideas real with AI. A tool to tart with a design and prompt on my way to a functional prototype, fast—all in Figma. Figma Make is included in the Full seat on every mode. Figma Make is an AI-driven, prompt-to-code tool that let me bring ideas and existing Figma designs to life as functional prototypes, web apps, and interactive UI. Through conversation, I can ideate, iterate, and improve my functional prototypes and web apps.
Make Mode UI
Designers need to consider both what the AI does and how it’s presented. Here are the big ideas:
Where AI is placed matters The position of AI in the interface affects how users understand and trust it.
The layout affects how users interact Different designs (like chatbots or side panels) lead to different ways users behave with AI.
AI is part of the overall experience The way AI shows up in the design is just as important as what it can do.
Designers need to think about what and how It's important to decide not only what AI does, but also how it's shown to users.
The interface sets expectations The design tells users what kind of help they can expect from the AI.
Chatbot Widget.
Quick help, bottom-right corner. Best for lightweight, reactive tasks like customer service or FAQs: Customer support, FAQs, quick tasks.
01
Inline Overlays.
Suggestions inside your work. Perfect for small edits or assistance (like rephrasing or code hints) without breaking flow: Edits, rephrasing, summaries, coding hints.
02
Infinite Canvas.
Creative playground. Al supports brainstorming and visual tasks by interacting directly with objects on a large canvas: Edits, rephrasing, summaries, coding hints.
03
Center Stage.
Full-screen assistant. Best for open-ended conversations (like ChatGPT) where users lead the interaction with prompts: Writing, research, idea generation.
04
Left Panel.
Strategic co-creator. Al sits in a side panel to help with ongoing, complex tasks, especially good for structured content or code: Co-creation, complex structured tasks. Writing, research, idea generation.
05
Right Panel.
Quick help, bottom-right corner. Best for lightweight, reactive tasks like customer service or FAQs: Writing, debugging, summarizing, enterprise tasks.
06
Grid.
Smart spreadsheet. Each cell acts like a mini-Al agent-great for research, data synthesis, or structured tasks: Research, data synthesis, and structured content.
07
.
1
3