A Figma landing page built in WordPress with ACF

A seven-section landing page taken from a Figma file into WordPress with Advanced Custom Fields, on a two-day turnaround.

The objective

The client had a finished Figma design for a home page of about seven sections, contact form included. They wanted it built with Advanced Custom Fields rather than a page builder, so every section is edited as named fields.

They had two days, and more pages were coming later, so the field structure had to be worth reusing, not thrown together for one page and forgotten.

What I did

I worked straight from the Figma file for spacing, type and colour instead of approximating from screenshots.

I built each section as its own ACF field group, so the content gets edited in labelled fields, then built the page template and the contact form and delivered inside the two days.

The result

The landing page went live matching the design, with the content editable without anyone touching code.