Ga naar de hoofdinhoud

Figma Make

Prototype. Polijsten. Leveren. Jouw ideeën worden werkelijkheid in Figma Make.

Ontwerpen en leveren

Gebruik Make lokaal om in elke codebase te bouwen en lever daarna direct naar productie. Binnenkort beschikbaar.

De producten waar je van houdt zijn, ontworpen in Figma

Figma Make heeft de weg van idee naar afgewerkte functie verkort op een manier waarvan ik me niet kan voorstellen dat die te vervangen is.

Zwart-wit portret van Brian Muehlenkamp
Brian Muehlenkamp

Productmanager, Ticketmaster

Creëer alles. Behoud de controle.

Figma Make is een krachtige partner waarmee je details kunt vormgeven. Begin met ontwerpcontext, geef dit een prompt en bewerk het vervolgens op het canvas.

Start snel realistische prototypen op.

Begin vanuit je codebasis en ontwerpcomponenten, of vanaf het begin.

Creëer alles. Behoud de controle.

  • Een pop-upvenster toont beschikbare Make-kits met een cursor die boven de knop "Toevoegen" zweeftEen pop-upvenster toont beschikbare Make-kits met een cursor die boven de knop "Toevoegen" zweeft

    Voeg ontwerpcontext toe aan al je Makes.

    Gebruik ontwerpsystemen met behulp van Make-kits en npm-pakketten, of voeg Figma-frames, PDF's en meer toe.

  • Polijst fijne ontwerpdetails.

    Kopieer Figma Make-bestanden naar het canvas, waar je ze kunt aanpassen totdat ze goed zijn.

De producten waar je van houdt zijn, ontworpen in Figma

Met tools zoals Figma Make kunnen we nu snel prototypen maken. In plaats van zes weken te nemen om over een idee na te denken en dan te zien hoe het in de praktijk werkt, kost het slechts een paar uur.

Zwart-wit portret van Vishal Kapoor
Vishal Kapoor

SVP van Product, Affirm

  • airbnb-logo
  • atlassian-logo
  • dropbox-logo
  • duolingo-logo
  • github-logo
  • microsoft-logo
  • netflix-logo
  • pentagram-logo
  • slack-logo
  • stripe-logo
  • the new york times-logo
  • zoom-logo

Figma Make-functies

  • Make op je lokale codebase (bèta)

    Nieuw

    Zet je Figma-ontwerpen om in gelokaliseerde, productieklare middelen in de visuele software-editor van Make. Binnenkort beschikbaar.

  • Aangepaste vaardigheden

    Nieuw

    Verpak je meest frequente workflows in een herbruikbare set instructies voor Make.

  • MCP-connectoren

    Verbind met externe tools via de MCP, zodat je kunt werken met documenten, taken en gegevens uit andere apps als context voor je app of prototype.

  • Make-kits

    Twee verschillende ontwerpsysteembibliotheken, één voor de gebruikersinterface, de andere voor de productpictogrammenTwee verschillende ontwerpsysteembibliotheken, één voor de gebruikersinterface, de andere voor de productpictogrammen

    Synchroniseer je npm-pakketten, bibliotheekstijlen en richtlijnen direct met Figma Make om high-fidelity prototypen te genereren.

  • Planmodus

    Nieuw

    Plan voordat je bouwt. Verduidelijk de intentie en maak een gestructureerd, bewerkbaar plan voordat de generatie begint.

  • Bijlagen

    Een Figma Make-promptvak met de tekst "Voeg deze video toe aan de landingspagina." Een cursor voegt een video van een rondleiding door een museumsite toe aan het promptvakEen Figma Make-promptvak met de tekst "Voeg deze video toe aan de landingspagina." Een cursor voegt een video van een rondleiding door een museumsite toe aan het promptvak

    Voeg ontwerpen, afbeeldingen, video's, audio, tekstbestanden en PDF's toe aan je prompts om de AI naar betere resultaten te leiden.

  • Reacties

    Een reactie op een Figma Make-bestand met de tekst "Ik hou van dit prototype. Wat zou je ervan vinden om meer interactiviteit toe te voegen?"Een reactie op een Figma Make-bestand met de tekst "Ik hou van dit prototype. Wat zou je ervan vinden om meer interactiviteit toe te voegen?"

    Geef en ontvang feedback op een prototype of app gebouwd in Figma Make.

  • Aantekeningen

    Selecteer elementen, geef een prompt en stuur alle wijzigingen tegelijkertijd naar het model.

  • Versiegeschiedenis

    Een Figma Make-keuzemenu dat drie verschillende bestandsversies toont om uit te kiezenEen Figma Make-keuzemenu dat drie verschillende bestandsversies toont om uit te kiezen

    Volg alle AI- en handmatige bewerkingen. Hiermee kun je elke herhaling in je project previewen, favoriet maken of herstellen.

  • Spraak-naar-tekst-aansturing

    Dicteer je ideeën aan Figma Make om je prototype te genereren.

  • Make op mobiel

    De voltooide Figma Make op een mobiele interface. Er is een deklaag over de Make geplaatst met de optie om reacties te bekijken of toe te voegen, een voorbeeld te bekijken in volledig-schermweergave, versiegeschiedenis te bekijken of het bestand te delen.De voltooide Figma Make op een mobiele interface. Er is een deklaag over de Make geplaatst met de optie om reacties te bekijken of toe te voegen, een voorbeeld te bekijken in volledig-schermweergave, versiegeschiedenis te bekijken of het bestand te delen.

    Open een Make op je telefoon, ervaar het in de oorspronkelijke omgeving en bekijk de weergave, en reageer direct op reacties in de juiste context.

  • Aanwijzen en bewerken

    De cursor markeert een CTA-knop en de AI-prompt hieronder zegt "Laat de knop oplichten wanneer je er met de cursor boven zweeft"De cursor markeert een CTA-knop en de AI-prompt hieronder zegt "Laat de knop oplichten wanneer je er met de cursor boven zweeft"

    Verfijn je prototypen door op elementen te klikken om stijl aan te brengen, te ruilen of prompts voor wijzigingen direct in het voorbeeld aan te passen.

  • Sjablonen

    Drie verschillende productschermen. Het eerste is een wazige omtrek van een wit vierkant op een zwarte achtergrond. Het tweede is een datadashboard. Het derde is een verzameling lifestyle-afbeeldingen gerangschikt in een cirkelDrie verschillende productschermen. Het eerste is een wazige omtrek van een wit vierkant op een zwarte achtergrond. Het tweede is een datadashboard. Het derde is een verzameling lifestyle-afbeeldingen gerangschikt in een cirkel

    Bewaar en hergebruik bewezen workflows, waarmee je één Make kunt omzetten in een herhaalbare manier van werken.

  • Aangepaste lettertypen

    Voeg aangepaste lettertypen toe vanaf je computer of gedeeld met je organisatie.