Wat kost het om Figma naar WordPress te laten omzetten?

Voor Figma naar WordPress zijn de kosten op Fiverr Pro meestal € 140-281 voor één landingspagina en € 281-1.122 voor een site van 3-10 pagina’s, gebouwd met Elementor of de blokeditor. Een maatwerkthema met dynamische content, zoals een overzicht met vermeldingen of een webshop, begint vaak rond € 1.403.

Het ontwerp is goedgekeurd en betaald. Dan wordt de site opgeleverd: de mobiele lay-out is te krap, de lettertypes zijn anders en koppen kun je alleen aanpassen door de developer een bericht te sturen.

Hier lees je hoe je je Figma-bestand voorbereidt om een duidelijke offerte te krijgen en hoe je vóór het accepteren controleert of de site overeenkomt met het ontwerp.

Prijsindicaties

Op het moment van schrijven zijn dit de gangbare prijzen op Fiverr Pro voor verschillende opdrachten:

Fiverr rekent bij het afrekenen servicekosten. Vraag hoe de verkoper pagina’s telt: sommigen tellen elke unieke lay-out, dus tien pagina’s met hetzelfde ontwerp kunnen goedkoper zijn dan vijf verschillende.

Wat je voor die prijs krijgt

€ 140-281: één landingspagina

De verkoper bouwt één pagina na op basis van je Figma-frames, meestal in Elementor, en zorgt dat hij werkt op telefoons. Dit past bij een productlancering of een advertentiecampagne. Check of het formulier, de lettertypes en de animaties erbij zitten.

€ 281-561: een kleine site

Drie tot vijf pagina’s met een gedeelde header, footer en menu. Met globale kleuren en lettertypes blijven ook pagina’s die je later toevoegt in dezelfde stijl. Meestal voeg je de content zelf toe, tenzij er in de gig iets anders staat.

€ 561-1.122: een volledige site

Zes tot tien pagina’s, plus templates voor blogberichten en archieven, zodat nieuwe berichten bij het ontwerp passen. Vraag of je content wordt toegevoegd en of de formulieren naar de juiste inbox gaan.

Vanaf € 1.403: een maatwerkthema of dynamische content

Hier codeert de developer een thema met de hand, of bouwt hij contenttypes die je via het WordPress-dashboard invult, zoals teamleden, projecten of woningaanbod. Het kost meer, maar de site bevat alleen de code die het ontwerp nodig heeft, en de lay-out kan worden vastgezet zodat redacteuren de content aanpassen en niet de structuur. Een webshop die in Figma is ontworpen valt ook hieronder; krijg je later problemen met afrekenen, dan lees je hier hoe je een WooCommerce-developer inhuurt.

Wat bij een lage prijs meestal ontbreekt

Een Basic-pakket bevat het minste werk dat een verkoper aanbiedt. Vaak valt het volgende erbuiten:

• een tabletweergave, of een mobiele weergave die je niet hebt ontworpen
• de weergave als je de muis ergens overheen beweegt, menu’s en foutmeldingen in formulieren
• tekst die je kunt bewerken, in plaats van tekst die in afbeeldingen zit
• pluginlicenties op je eigen naam
• het toevoegen van je echte content
• een eenvoudige snelheidscheck na de bouw

Waardoor de kosten van Figma naar WordPress stijgen

Het aantal unieke lay-outs telt zwaarder dan het aantal pagina’s.

• Unieke templates Pagina’s die dezelfde lay-out hergebruiken kosten veel minder dan losse ontwerpen.
• Ontbrekende mobiele frames Laat het ontwerp alleen desktop zien, dan moet de verkoper de mobiele versie tijdens het bouwen zelf ontwerpen.
• Een rommelig Figma-bestand Inconsistente afstanden en lagen zonder auto layout of gedeelde stijlen kosten meer tijd om te doorgronden.
• Animaties Scrolleffecten, sliders en interacties op maat kosten vaak extra.
• Dynamische content Voor een portfolio, teampagina of overzicht met vermeldingen dat je via het WordPress-dashboard vult, zijn aparte templates nodig, vaak met aangepaste velden.
• Een webshop of meerdere talen WooCommerce-pagina’s en vertaalde versies brengen eigen templates en testwerk mee.

Tel je unieke lay-outs voordat je offertes opvraagt.

Elementor, de blokeditor of een maatwerkthema?

De manier van bouwen heeft invloed op de prijs en op hoe je de site later bewerkt.

De meeste verkopers op Fiverr gebruiken Elementor. Elementor Pro begint op het moment van schrijven bij ongeveer $ 60 per jaar voor één site, en met een licentie in je eigen Elementor-account blijf je updates ontvangen, ook als de verkoper verdergaat met andere opdrachten.

Wil je de site laten groeien, vraag dan naar een blokthema of een maatwerkthema. Wil je vooral tekst en afbeeldingen aanpassen, dan is een pagebuilder de makkelijkere weg. Bekijk mijn keuzes voor pagebuilders.

Wat je zelf kunt doen

Het werk dat je zelf doet voordat je bestelt, is het goedkoopste deel van de omzetting.

1. Ontwerp de mobiele versie. Voeg een telefoonframe toe voor elke unieke lay-out. Verkopers rekenen minder als ze niet hoeven te gokken.
2. Ruim het Figma-bestand op. Gebruik auto layout, geef de pagina’s een naam en stel gedeelde kleur- en tekststijlen in.
3. Check de lettertypes. Google Fonts zijn gratis voor websites. Een betaald lettertype heeft een weblicentie nodig, en die koop jij, niet de verkoper.
4. Markeer wat je zelf gaat bewerken. Noteer welke teksten, afbeeldingen en secties je later zelf wilt aanpassen.

Er zijn ook plugins die een Figma-frame omzetten naar Elementor-secties. Voor een simpele landingspagina kunnen ze tijd besparen, maar je moet meestal nog de mobiele lay-out verbeteren en de afstanden aanpassen.

Heeft je ontwerp meer dan een paar unieke lay-outs, dynamische content of een webshop, stop dan hier en huur iemand in voor een duidelijke opdracht.

Is Figma naar WordPress laten bouwen het geld waard?

Als je al voor een maatwerkontwerp hebt betaald, ja. De bouw kost meestal minder dan het ontwerp zelf, en bij een goede omzetting blijft de uitstraling waarvoor je hebt betaald op elk schermformaat behouden.

Heb je nog geen ontwerp, dan kan een kant-en-klaar thema of starttemplate minder dan $ 100 kosten. Een developer kan het aanpassen aan je huisstijl. Een eigen Figma-ontwerp is zinvol bij een ongewone lay-out, of als een kant-en-klaar thema je steeds in de weg zit.

Een groter budget gaat naar een maatwerkthema met contenttypes, een webshop of een site die meerdere mensen jarenlang gaan bewerken.

Zo krijg je een eerlijke offerte

Stuur deze gegevens mee in je eerste bericht:

• Figma-link Deel hem met leesrechten. Met een gratis Figma-account kan de verkoper al maten opnemen en afbeeldingen exporteren.
• Unieke lay-outs Zet ze op een rij en geef aan welke pagina’s elke lay-out hergebruiken.
• Schermformaten Zeg of desktop, tablet en mobiel allemaal ontworpen zijn.
• Bouwmethode Zeg of je Elementor, de blokeditor of een maatwerkthema wilt, of vraag wat ze voorstellen en waarom.
• Content Geef aan wie de teksten en afbeeldingen toevoegt en hoeveel berichten of producten erin moeten.
• Formulieren en functies Noem per formulier de inbox waar het naartoe moet, en eventuele functies voor boekingen, een nieuwsbrief of een webshop.
• Hosting Zeg waar de site komt te staan en of er een testkopie is.

Vraag om een vaste prijs per lay-out of voor de hele lijst. Spreek af wat “klopt met het ontwerp” betekent: dezelfde lettertypes, kleuren en witruimte op de schermformaten die je hebt ontworpen.

Waarschuwingssignalen bij een offerte

• een offerte zonder dat je Figma-bestand is geopend
• tien unieke pagina’s, “pixel perfect”, in één dag
• een “gratis” Elementor Pro of betaalde plugin zonder bijbehorende licentiesleutel
• een aanbod om de site te bouwen op hun eigen hosting
• een verzoek om buiten Fiverr te betalen

Veilig inhuren

Om je Figma-ontwerp in WordPress te laten bouwen, raad ik Fiverr Pro aan. Fiverr beoordeelt Pro-freelancers handmatig op ervaring, portfolio en eerder geleverd werk voordat ze de Pro-badge krijgen. Ik werk zelf op Fiverr, dus ik weet hoe bestellingen, betalingen en reviews daar werken. Vraag bij een groter project of de gig mijlpalen biedt, zodat je per pagina betaalt.

Houd de hosting, het domein en elke licentie op je eigen naam.

Maak voor de verkoper een aparte WordPress-gebruiker aan en een aparte SFTP-gebruiker als hij bij bestanden moet. Staat de site al live, maak dan eerst zelf een back-up en vraag of hij op een testkopie bouwt.

Fiverr geeft je drie dagen om een levering te beoordelen, en per mijlpaal iets langer. Vergelijk elke pagina met het bijbehorende Figma-frame op een computer en op een telefoon. Pas zelf een kop aan, test elk formulier en controleer de homepage met PageSpeed Insights van Google. Vraag wijzigingen aan via Fiverr voordat je accepteert, verwijder daarna de gebruikersaccounts van de verkoper en wijzig de wachtwoorden die je hebt gedeeld.

Samenvatting

Wat Figma naar WordPress kost, hangt af van het aantal unieke lay-outs, of de mobiele versie is ontworpen en hoe de site wordt gebouwd. Wordt de site goedkoop gebouwd zonder goede mobiele lay-outs of licenties op je eigen naam, dan kost het vaak meer om dat later te herstellen. Bereid het bestand voor, tel de lay-outs en begin met één pagina om te zien hoe de verkoper werkt.