Xavier Kain
Faithful integration
Typography, spacing, colors, animations: the site reproduces your designs, page by page.
Your Figma and Adobe XD designs, faithfully built on WordPress.
A site true to the design down to the detail, adapted to every screen, fast, optimized for Google and easy for you to edit.
- +200
- Projects delivered
- 63
- 5★ client reviews
- 100%
- positive reviews
- <24h
- Response time
Figma & XD to WordPress · At a glance
I turn Figma and Adobe XD mockups from designers, agencies and marketing teams into WordPress sites, faithful down to the detail: responsive, animated, easy to manage with Elementor, and fast. I notably built the Homa Games site, a mobile game publisher, from Figma mockups and, four years in a row, the EDF Group Ombudsman annual report site from PSD and later InDesign mockups. Timelines range from a few days to several weeks depending on complexity, and the free quote arrives within 24 hours.
- Stack:Figma, Adobe XD, WordPress, Elementor
- References:Homa Games, EDF Médiateur, Yespark
- Area:France and abroad, 100% remote with video calls
- Quote:Free, response within 24h
Who am I?
I'm Xavier Kain, a freelance web developer with a marketing degree from HEC. I have been building WordPress websites since 2017: creation, development, migration and maintenance, fully remote.
I have integrated Figma and Adobe XD designs for many clients, staying true to the design down to the detail. My HEC marketing degree helps me understand what the design must achieve: trust, leads, sales.
What I deliver.
Responsive
Every page adapted to mobile, tablet and desktop, even when the designs don't cover every screen size.
Easy admin
Reusable blocks and a clear admin: you edit text and images without breaking the layout.
Fast and Google-ready
Page structure, markup, structured data, caching and optimized images from launch.
Preparing a mockup build that goes smoothly.
A faithful build depends as much on what is supplied at the start as on the code. Here is what I check as soon as the mockups arrive, and what we decide together before starting.
What to provide
Desktop and mobile mockups of the key pages, the styles (colours, typography, spacing), reusable components and their states (hover, open, error), web-licensed fonts and high-resolution images. Anything missing is flagged right away, before the final quote.
What we decide together
Which parts the team will edit itself, which content is dynamic (articles, references, offers), which templates will be used to create new pages: these choices shape the admin and prevent a frozen site.
Fidelity and performance
Compressed images, properly loaded fonts, light animations: the site should look like the mockup without weighing more than it suggests. See the article on Core Web Vitals.
Page-by-page review
Each page is delivered on a test version and compared with the mockup on several screen sizes. Differences are listed and fixed before launch, and the designer signs off on the final result.
Further reading: Building a Figma mockup in WordPress · WordPress support for agencies · EDF Ombudsman project
Homa Games, Figma mockups turned into a living site.
The context
Homa Games is a Paris mobile game publisher that releases games developed with partner studios. Its new site, designed in Figma, speaks to studios that want their game published and presents the catalogue, in-house technology, team and blog.
What I built
A build of the mockups on WordPress and Elementor, for desktop and mobile: a multi-step "Submit your game" form for studios, a newsletter connected to Mailchimp, every post of the old blog moved over from a WordPress multisite, and security hardening following the infrastructure team’s checklist.
A smooth launch
The domain could not get an SSL certificate before the switchover. Rather than build without HTTPS, I built the whole site on my server, then migrated it on launch day, coordinating the DNS switch live with the client’s head of infrastructure.
Designs brought to life.
Real projects, live online.
What clients say.
“In addition to efficiency and great responsiveness, Xavier is easy to work with and friendly. A trustworthy web partner.”
“Excellent experience with Xavier for the redesign of our website: responsiveness, professionalism and creativity!”
“We called on Xavier for the redesign of a website. His seriousness and availability were essential. We highly recommend him!”
Frequently asked questions.
Which design tools do you work with?
I integrate Figma and Adobe XD designs. Send me the link or file and I'll quickly tell you what is covered and what is missing, such as mobile versions.
Do you work for agencies?
Yes, I also support agencies and designers as an extra developer, including white label.
Will I be able to edit the site myself after delivery?
Yes: the admin is designed for editing text, images and pages without technical skills.
How much does it cost to build a Figma mockup in WordPress?
The price depends mostly on the number of distinct templates, animations and features, more than on the number of pages. A custom site usually costs between €2,000 and €2,500. Send the mockup link and the detailed quote arrives within 24 hours.
Elementor or a custom-built theme?
Both are possible. For the EDF Group Ombudsman, the recent editions were built in Elementor, which made it quick to apply the fixes from each review round. A custom-built theme makes sense when nobody will edit the layouts. The choice depends on who will edit the site afterwards.
Can you reproduce the animations planned in the mockup?
Yes, as long as they are described or shown (Figma prototype, video, reference). I sometimes suggest a lighter variant when an animation risks slowing the page on mobile, and we choose together.
Designs ready to be built?
Response within 24h. Free, no-obligation quote.