Ga naar de hoofdinhoud

Vectoriseer afbeeldingen direct op je canvas

Zet JPEG's, PNG's en rasterafbeeldingen om in schaalbare, bewerkbare vectoren met Figma's agent—direct in Figma Design. Geen gedoe met een aparte tool, geen paden die opnieuw handmatig moeten worden opgebouwd.

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

Van pixels naar paden, zonder omweg

De agent van Figma zet rasterafbeeldingen om in vectoren op je canvas, waardoor je in je ontwerpproces blijft en je bestanden intact blijven.

Vectoriseer waar je ontwerp zich bevindt

De agent van Figma werkt als een afbeeldingsvectorisator direct op je canvas, waarbij rasterafbeeldingen worden omgezet naar bewerkbare paden zonder naar een andere tool te worden geëxporteerd en het resultaat terug te moeten importeren in je bestand.

Weg met de drukte, blijf in flow

Sla het vervelende handmatig traceren over. Beschrijf wat je nodig hebt—duidelijke omtrekken, vereenvoudigde vormen, gedetailleerde paden—en laat de agent de conversie uitvoeren terwijl jij je concentreert op je ontwerp.

Houd je team op één lijn

Gevectoriseerde assets verschijnen in hetzelfde bestand waarin je team werkt, zodat iedereen de nieuwste versie kan zien en deze meteen kan gebruiken. Niets gaat verloren bij een export of bestandsoverdracht.

De functies achter de agent

Een nader kijkje op wat de agent van Figma 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

    Genereer en verfijn met je eigen componenten, tokens en variabelen—niet met een plaatshouder-UI die je later moet vervangen.

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

    Parallelle prompts

    Voer meerdere prompts tegelijk uit, zodat je richtingen parallel kunt evalueren en geen tijd verspilt aan elk afzonderlijk.

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

    Deelbare threads

    Deel een thread en je team ziet de volledige prompt, context en iteratiegeschiedenis achter elk ontwerp. Geen aparte overdracht nodig.

  • 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

    Verpak de workflows en conventies van je team in herbruikbare /commando's die iedereen op aanvraag kan uitvoeren.

Figma voelt als een natuurlijke extensie van mijn hand. Ik doe mijn ontwerp-ideatie op het canvas, en nu doet de agent de rest.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

  • Stap 1: Voeg uw rasterafbeelding toe

    Sleep de JPEG, PNG of een andere rasterafbeelding naar je canvas in Figma Design, of selecteer er een die al in je bestand staat.

  • Stap 2: Beschrijf de conversie

    Vertel de agent hoe te vectoriseren—vereenvoudigde vormen, gedetailleerde omtrekken of alleen specifieke elementen. Hoe specifieker, hoe beter het resultaat.

  • Stap 3: Controleer de vectoren

    Controleer de geconverteerde paden op je canvas. Niet helemaal goed? Verfijn in dezelfde thread of probeer een andere aanpak in een parallelle thread.

  • Stap 4: Blijf verfijnen

    Alles blijft bewerkbaar als vectorpaden, zodat je ankers kunt aanpassen, vormen kunt vereenvoudigen of het opnieuw kunt proberen totdat het precies is wat je nodig hebt.

Word een agentexpert

  • De Figma Design-agent is hier

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

    Lees meer
  • Introductiescherm van Figma-agenttestomgeving met een 'Start'-knop en een voorbeeld-chatprompt: 'Hee, Figma, kun je verschillende lay-outs maken voor mijn leesapp?'Introductiescherm van Figma-agenttestomgeving met een 'Start'-knop en een voorbeeld-chatprompt: '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

Het vectoriseren van een afbeelding betekent het omzetten van pixelgebaseerde rasterafbeeldingen in schaalbare vectorpaden bestaande uit wiskundige curves en vormen. In tegenstelling tot rasterafbeeldingen die wazig worden wanneer ze vergroot worden, blijven vectoren op elke grootte scherp. De agent van Figma kan deze conversie rechtstreeks op je canvas uitvoeren, waarbij JPEG's of PNG's worden omgezet in bewerkbare paden die je kunt schalen, nieuwe kleuren kunt geven en kunt verfijnen.

Ja, AI kan afbeeldingen vectoriseren door de vormen, randen en kleuren in een rasterafbeelding te analyseren en bijbehorende vectorpaden te genereren. De agent van Figma doet dit direct in Figma Design, waarbij je afbeeldingen worden omgezet in bewerkbare vectoren zonder een aparte tool nodig te hebben. De resultaten verschijnen op je canvas als paden die je met de hand kunt aanpassen.

De eenvoudigste manier is om een AI-aangedreven tool te gebruiken die de tracering automatisch afhandelt. Met de agent van Figma voeg je je rasterafbeelding toe aan het canvas, beschrijf je hoe je het wilt vectoriseren, en de agent zet het ter plekke om. Je kunt bijwerken met aanvullende prompts totdat de paden overeenkomen met wat je nodig hebt—geen handmatig traceren nodig.

JPEG-compressie kan artefacten introduceren die het moeilijker maken om duidelijk te vectoriseren. Afbeeldingen met een lage resolutie of zwaar gecomprimeerde afbeeldingen kunnen resulteren in kartelige of overdreven complexe paden. Fotografische afbeeldingen met gradiënt en subtiele schaduwvorming zijn uitdagender dan grafieken met effen kleuren en duidelijke randen. De agent van Figma werkt het beste met duidelijke bronafbeeldingen, en je kunt vragen om vereenvoudiging als de resultaten te gedetailleerd zijn.

Figma's agent is beschikbaar via alle betaalde Figma-abonnementen. Je vindt het in de linker navigatiebalk 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