App design en development zag er lang ongeveer zo uit: designers leveren mockups aan. Developers stellen vragen. Er ontstaat een pingpongspel. Een vergeten status hier, de verkeerde spacing daar. Nog meer overleg. Gevolg? Vertraging.
Bij Harmony hebben we jarenlang ervaring mehoe een eerste idee transformeert naar een volwaardige applicatie. De bottleneck in dat proces was zelden de code zelf: de helderheid tussen de intentie van de designer en de uitvoering door de developer speelde vaak een belangrijkere rol.
Dus stelden we onszelf de vraag: wat als designers en developers samenwerken *tijdens* het ontwerpen, in plaats van erna?
Die simpele vraag veranderde onze manier van werken in Figma volledig. Figma is de tool waarin we bouwen nog voordat iemand OutSystems opent. Vanaf dag één zitten designers en developers nu in dezelfde Figma-files. Dankzij Dev Mode zien developers in real-time precies wat de designer bedoelt. Daardoor tackelen we misverstanden vroegtijdig, beperken het heen-en-weer gepraat tot een minimum en shippen we sneller en met minder bugs.
De drie strategische voordelen van Figma
- Real-time samenwerking
In tegenstelling tot Sketch of Adobe XD is Figma browser-native. Stakeholders sluiten aan zonder gedoe: geen downloads, geen plug-ins, geen wachttijden. Voor organisaties met verspreide teams is dit transformatief. We zien design-review-cycli krimpen van **5 dagen naar 2 dagen**, simpelweg omdat de betrokkenheid hoger is. - Schaalbare design systemen
Onze applicaties moeten consistent blijven over honderden schermen. Dankzij Figma’s design system-mogelijkheden (shared components en variabelen) worden wijzigingen direct overal doorgevoerd. Moet een button-stijl worden aangepast voor de branding of toegankelijkheid? Eén wijziging in Figma is voldoende. Voor OutSystems-developers neemt dit alle giswerk weg. - Makkelijkere handoff
Figma’s Dev Mode toont CSS-classes en stylingdetails direct aan de developers. Deze stijlen vertalen zich bijna één-op-één naar OutSystems. Dit verkort de bouwtijd en voorkomt communicatiefouten. In onze projecten verlaagt Dev Mode de frictie bij de overdracht met zo’n **25–30%**.
Hoe zit het met AI? Figma Make vs. Figma Design
De markt verandert razendsnel. Tools zoals Framer investeren zwaar in *prompt-driven* UI-generatie: je beschrijft wat je wilt en de tool bouwt het. Figma reageert hierop met **Figma Make**, een AI-functie die interface-concepten genereert op basis van tekst.
Dit is het tijdperk van "vibe coding": werken vanuit een helder doel en de tool gebruiken om de eerste versie te versnellen.
Figma Make ondersteunt exploratie: Je beschrijft de intentie, de AI genereert opties, en jij kiest de koers. Het gaat om de "vibe" en de essentie, zonder dat je in een vroeg stadium verzandt in pixels.
Figma Design ondersteunt consolidatie: Zodra de richting vaststaat, verfijn je de lay-outs en pas je de regels van het design system toe. Hier is de precisie nodig die essentieel is voor een productie-ready OutSystems build.
Samen dichten ze de kloof. Figma Make versnelt de "vibe," terwijl Figma Design de kwaliteit waarborgt.
Figma reality check?
Waarom wij voorlopig voor Figma blijven kiezen
Vinger aan de pols
We gaan dus zeker niet op de eerstvolgende hype springen, maar we houden de concurrentie wel scherp in de gaten.
De snelheid van generatieve UI is onmiskenbaar. Over 12 tot 24 maanden kan het gesprek er heel anders uitzien. Voor nu biedt Figma de balans die we nodig hebben: solide fundamenten plus opkomende AI, zonder de strikte regels op te offeren die enterprise-applicaties vereisen.
