Waar designs ontstaan — en hoe wij ze netjes aan code overdragen. Variables, Auto-Layout, branching.
Categorie · Frontend & UI
Waar designs ontstaan.
Figma is het collaboratieve designtool dat in de browser draait en waar meerdere mensen tegelijk aan werken. Voor ons is het niet alleen een tekengereedschap, maar de brug tussen design en uitvoering.
Auto-layout bootst flexbox-gedrag na, variables definiëren design-tokens, en branching maakt designversies parallel aan de ontwikkeling mogelijk.
Netjes overdragen aan code.
De waarde ontstaat in de overdracht. Wanneer de Figma-variables en de tokens in de code dezelfde waarden dragen, wordt het design geen ruimte voor interpretatie, maar een blauwdruk die 1-op-1 in componenten te vertalen is. Auto-layout maakt duidelijk hoe een element zich bij verschillende formaten gedraagt.
Wat een tool niet oplost.
Figma produceert geen productierijpe code, en geëxporteerde layouts vervangen geen doordacht componentmodel. Zonder gedisciplineerde naamgeving van variables en components wordt ook een mooi bestand een struikelblok bij de overdracht.