Stap 1. Begin met een frame

Maak een scherm in Figma Design of kopieer er een uit een bestaand bestand.

Stap 2. Beschrijf je prototype

Gebruik een prompt in natuurlijke taal om schermen, structuur en interacties te definiëren.

Stap 3. Bekijk het in actie

Figma Make genereert een responsief, interactief prototype dat je kunt testen en delen.

Stap 4. Verbeter en herhaal

Gebruik meer prompts of pas het ontwerp direct aan. Figma Make zorgt ervoor dat alles bewerkbaar blijft.

Van ontwerp naar code met AI in Figma Make

Beschrijf de ervaring die je wilt creëren. Figma Make zet je ontwerpen om in werkende, bewerkbare code die je direct kunt testen, delen of verbeteren.

Ga van ontwerp naar functionele code met AI

Code genereren met natuurlijk taalgebruik

Begin met een frame en beschrijf wat je wilt. Figma Make produceert bewerkbare, functionele code, zodat je sneller van model naar testbaar prototype kunt gaan.

Het resultaat bewerken en inspecteren

Gebruik de ingebouwde code-editor om de code die de basis vormt voor je ontwerp te inspecteren, aan te passen en uit te breiden.

Ontwerpen en ontwikkelen in dezelfde werkruimte

Je hoeft niet meer van tools te wisselen of helemaal opnieuw te beginnen. Met Figma Make kun je prototypes maken en de code aanpassen in één naadloze workflow.