Ga naar de hoofdinhoud

Genereer app-pictogrammen direct op uw canvas

Creëer verfijnde app-pictogrammen met AI direct in Figma Design; met gebruik van je echte designtokens en stijlen. Verken meerdere richtingen tegelijk, zonder heen-en-weer reizen naar aparte tools of opnieuw opbouwen vanaf nul.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Sneller van eerste concept tot definitief pictogram

De agent van Figma genereert app-pictogrammen met behulp van je eigen ontwerpsysteem, zodat elke variant vanaf het begin bij je merk past.

Figma-canvas waarop een door AI gegenereerde ontwerp-lay-out wordt verkend.Figma-canvas waarop een door AI gegenereerde ontwerp-lay-out wordt verkend.

Verken meer met hogere betrouwbaarheid

Genereer meerdere pictogramrichtingen tegelijk met je echte componenten, kleuren en stijlen. Elke optie komt op je canvas terecht als productieklare vectoren: niet als ruwe tijdelijke aanduidingen die je later opnieuw moet bouwen.

Figma AI-agentpaneel toont een bulkbewerking die op een ontwerp wordt toegepastFigma AI-agentpaneel toont een bulkbewerking die op een ontwerp wordt toegepast

Verminder de hoeveelheid nutteloos werk, blijf in de flow

Sla het vervelende proces van het handmatig maken van pictogramvarianten over. Beschrijf wat je nodig hebt, laat de agent opties genereren en richt je energie op de creatieve beslissingen die jouw pictogram laten opvallen.

Figma AI agentpaneel toont teamfeedback die wordt gesynthetiseerd tot een ontwerpFigma AI agentpaneel toont teamfeedback die wordt gesynthetiseerd tot een ontwerp

Stem je team op elkaar af, sluit de kring

Pictogrammen worden gegenereerd in hetzelfde bestand waar je team aan werkt. Iedereen ziet de opties, de prompts erachter, en kan meteen verder bouwen aan het werk. Niets gaat verloren bij export of overdracht.

De functies achter uw pictogrammen

Een nader kijkje op wat Figma's agent onderscheidt, gebouwd voor de manier waarop ontwerpteams daadwerkelijk werken.

  • Schermafbeelding waarop de Figma AI-agent is verbonden met een componentbibliotheek en automatisch merktokens toepast op een ontwerpSchermafbeelding waarop de Figma AI-agent is verbonden met een componentbibliotheek en automatisch merktokens toepast op een ontwerp

    Verbind met een ontwerpbibliotheek

    Verwijs de agent naar je ontwerpbibliotheek zodat elk pictogram je echte kleurensjablonen, stijlen en merkelementen gebruikt: geen generieke standaardwaarden.

  • Schermafbeelding van meerdere simultane AI-ontwerpprompts die in Figma draaienSchermafbeelding van meerdere simultane AI-ontwerpprompts die in Figma draaien

    Voer prompts parallel uit

    Verken richtingen voor meerdere pictogrammen tegelijk. Genereer een gedurfde optie, een minimalistische optie en iets onverwachts: allemaal tegelijkertijd op hetzelfde canvas.

  • Schermafbeelding van een gedeelde Figma AI-thread met ontwerpreactiesSchermafbeelding van een gedeelde Figma AI-thread met ontwerpreacties

    Deelbare threads

    Deel een thread en je team ziet de volledige prompt, context en herhalingsgeschiedenis. Stakeholders begrijpen het denken achter elke richting.

  • Schermafbeelding met vaardigheidsopties van de Figma AI-agent voor het automatiseren van ontwerpworkflowsSchermafbeelding met vaardigheidsopties van de Figma AI-agent voor het automatiseren van ontwerpworkflows

    Vaardigheden voor herhaalbare workflows

    Maak van je workflow van pictogramgeneratie een herbruikbare vaardigheid. Voer het opnieuw uit voor nieuwe apps of geef het door aan teamgenoten met één opdracht.

Figma voelt als een natuurlijke extensie van mijn hand. Ik maak mijn ontwerpideeën op het canvas, en nu maakt de agent het helemaal af. Met mijn ontwerpbibliotheken verbonden, kan ik sneller dan ooit van ontwerp naar code gaan.

Andy Madrick
Productontwerper, Notion

Notion-logo

Ga aan de slag met de agent van Figma

  • Open de agent

    Selecteer Agents in de linker zijbalk of druk op CMD + Enter. Voeg een frame toe aan je canvas dat is afgestemd op je doelplatform.

  • Beschrijf je pictogram

    Vertel de agent wat je nodig hebt: het doel van de app, de stijlrichting, en merkelementen. Verwijs het naar je ontwerpbibliotheek zodat het je echte componenten gebruikt.

  • Beoordeel op canvas

    Controleer de gegenereerde pictogrammen op je canvas. Verfijn in dezelfde thread of begin een parallelle thread om een andere richting te verkennen.

  • Verfijn en exporteer

    Alles wordt gegenereerd als bewerkbare vectoren. Pas details handmatig aan of geef opnieuw een prompt, en exporteer vervolgens in de maten die je nodig hebt.

Word een agentexpert

  • De Figma-ontwerpagent is er

    Bekijk de AI-agent van Figma in actie en zie hoe je deze in je eigen workflows kunt inzetten.

    Lees meer
  • Introductiescherm van de testomgeving van de Figma-agent met een 'Start'-knop en een voorbeeldchatprompt: 'Hee Figma, kun je verschillende lay-outs maken voor mijn leesapp?'Introductiescherm van de testomgeving van de Figma-agent met een 'Start'-knop en een voorbeeldchatprompt: 'Hee Figma, kun je verschillende lay-outs maken voor mijn leesapp?'

    Werk met de Figma-agent

    Praktische testomgeving om de mogelijkheden van de Figma-agent te verkennen (van bulkbewerkingen tot het implementeren van feedback) met ingebouwde stapsgewijze begeleiding.

    Aan de slag
  • Hoe je de Figma-agent in je ontwerpworkflows kunt gebruiken

    Leer hoe je de Figma-agent kunt gebruiken in je ontwerpworkflows met een stapsgewijze tutorial van het Figma-team.

    Nu bekijken

Veelgestelde vragen

Een AI-app-pictogramgenerator maakt app-pictogrammen vanuit tekstomschrijvingen, waardoor ontwerpers snel meerdere richtingen kunnen verkennen. De agent van Figma genereert pictogrammen direct op je ontwerpcanvas met je daadwerkelijke ontwerpsysteem (kleuren, stijlen en merkelementen) zodat elke optie vanaf het begin productie-klaar is.

Open de agent vanuit de linker zijbalk of druk op CMD + Enter, en beschrijf dan het pictogram dat je wilt: het doel van de app, visuele stijl, merkelementen. Verwijs de agent naar je ontwerpbibliotheek zodat het je echte tokens gebruikt. Het pictogram wordt gegenereerd als bewerkbare vectoren op je canvas, klaar om verfijnd of geëxporteerd te worden.

De agent van Figma genereert pictogrammen als volledig bewerkbare vectoren, waardoor je volledige controle hebt over het uiteindelijke resultaat. Je kunt de dimensies aanpassen, achtergronden verwijderen en exporteren op de exacte maten die nodig zijn voor de iOS en Android winkels. De agent helpt je om snel richtingen te verkennen, maar jij bent verantwoordelijk voor de laatste verfijning.

iOS vereist pictogrammen van 1024×1024 pixels, terwijl Android 512×512 pixels als basis gebruikt. De agent van Figma genereert pictogrammen als vectoren op je canvas, zodat je op elke resolutie kunt exporteren zonder kwaliteitsverlies. Stel uw kadergrootte in voordat u een prompt geeft, of wijzig de grootte na de generatie.

De agent van Figma is beschikbaar op alle betaalde Figma-abonnementen. Je vindt het in de linker zijrail in Figma Design. Tijdens de huidige open bèta worden er geen AI-credits verbruikt, dus het is een goed moment om te verkennen, te experimenteren en je feedback met ons te delen.

Powered by Fruition