Figma
Ontwerptool waar de vormgeving ligt, en de bron voor wat je geautomatiseerd wilt produceren.
Wat is Figma?
De plek waar ontwerpers werken, en steeds vaker het startpunt van een automatisering.
Figma is de standaard voor interface- en visueel ontwerp. Voor automatisering is het interessant als bron: het ontwerp ligt er al, dus de verleiding is groot om er ook de productie op te baseren. Daar zit een grens die veel mensen pas ontdekken als het project loopt. Figma laat zich uitstekend uitlezen, maar nauwelijks beschrijven. Wij zoeken dat vooraf uit, zodat een ontwerp geen valse belofte wordt.
Waarvoor wordt Figma ingezet?
Als bron van waarheid voor vormgeving, niet als productiemachine.
Ontwerp uitlezen
Kleuren, lettertypen, afmetingen en de opbouw van een template zijn via de API op te halen. Daarmee kun je een ontwerp omzetten naar code of naar een template elders.
Beeld exporteren
Frames als PNG, JPG, SVG of PDF ophalen, geautomatiseerd. Handig voor beeldbanken, social posts of blokken in een mail.
Merkregels vasthouden
Het ontwerp is de plek waar kleur, typografie en ruimte zijn vastgelegd. Wij leiden daar de regels uit af die het gegenereerde werk moet volgen.
Ontwerp naar werkende HTML
Het ontwerp als richtlijn, de uitvoering in een eigen HTML-template met variabelen. Dat is de route die wel onbeheerd draait en die in elke mailclient overeind blijft.
Zo zet n8gency Figma in
Wat Figma wel en niet kan bepaalt het ontwerp van de hele keten. Dus zoeken we dat eerst uit.
Schrijven kan, onbeheerd niet
Een template vullen met copy en beeld kan wel degelijk: via de Figma MCP of een eigen plugin doen wij dat. Wat niet kan is het vanaf een server laten draaien, want beide vragen een actieve sessie met het bestand open. Het verschil is dus niet lezen tegen schrijven, maar met of zonder iemand erbij. Wij bouwen het als een druk op de knop.
HTML komt er niet uit
De exportformaten zijn PNG, JPG, SVG, PDF en het ontwerpbestand zelf. Wie een mail of pagina rechtstreeks uit Figma wil halen, loopt vast. Het ontwerp is de richtlijn, de HTML bouwen we ernaast en testen we in de echte clients.
Eerst toetsen, dan beloven
Voordat een ontwerptool in een plan terechtkomt, controleren wij bij de leverancier zelf of de benodigde stap bestaat. Dat scheelt de vervelendste ontdekking in een project: dat de gekozen route er nooit was.
Onderliggende technieken
Figma bouwt voort op deze technische concepten.
Gerelateerde applicaties
Figma werkt krachtig samen met deze tools.
Relevante cases
Zo zetten wij Figma in voor onze klanten.
Figma koppelen aan je productie?
Wij zoeken uit wat er technisch kan voordat er iets gebouwd wordt. Plan een gratis gesprek.