Introducing Figma Make: A New Way to Test, Edit, and Prompt Designs | Figma Blog (opens in new tab)

Figma Make is Figma’s new prompt-to-app tool for turning designs into interactive, testable experiences. It allows designers and product teams to start with existing Figma frames, add behavior through natural-language prompts, and iterate collaboratively without rebuilding everything in code. Figma’s goal is to make exploration faster while preserving design intent, structure, and craft.

Start with Existing Designs

• Users can copy frames from Figma Design into Figma Make, including their structure and metadata.
• Natural-language prompts transform static designs into interactive prototypes.
• The tool is designed to support the entire design process, from early sketches to developed prototypes.
• Figma Make currently uses Claude 3.7 Sonnet, with additional models planned.

Turn Static Designs into Interactive Experiences

• Add animations, interactive buttons, and real-time feedback without complex coding.
• Test features using dynamic data, including file uploads and data visualizations.
• Adapt designs across platforms and form factors, such as converting a mobile app design into a desktop version.
• Future capabilities are expected to include third-party database integrations and design-system support.

Real-Time Collaborative Exploration

• Figma Make is built into the Figma platform and supports multiplayer collaboration.
• Designers, product managers, and other team members can add features, test interactions, and incorporate data in the same file.
• By reducing the need for coding expertise, it enables broader participation in product exploration.

Point-and-Prompt Editing

• Users can select a specific element and describe the desired behavior, such as animating a button or responding to scrolling.
• This approach connects design intent directly to functional implementation.
• Figma Make preserves component hierarchies and design-system structure while adding interactive behavior.

From Canvas to Code and Publication

• Figma Make connects with existing Figma workflows, including Figma Design and Figma Sites.
• Teams can move from concept to prototype to published site without switching tools or recreating work.
• The workflow is intended to provide a continuous path from visual design through implementation.

Figma Make is positioned as a complement to—not a replacement for—traditional design work. Its practical value is in helping teams validate ideas sooner, explore more alternatives, and communicate functionality while retaining the original design’s structure and intent.