Figma-to-Gutenberg Landing Page
Summary
Freelancer Client is hiring: Figma-to-Gutenberg Landing Page.
Location: Remote
I have a single-screen design in Figma and need it turned into a self-contained WordPress landing page built entirely with the native Block Editor (Gutenberg). The goal is to keep the core look and feel while allowing sensible flexibility—so you’re not chained to pixel-perfect replication but the main sections, colours, and visual hierarchy must remain unmistakable.
What you'll do:
• Create one static page that lives outside the current site’s theme files, yet loads through WordPress.
• Build everything with standard Gutenberg blocks (or core patterns) so any text or image can be swapped by a non-technical editor later on.
• Ensure full responsiveness on desktop and mobile; breakpoints already suggested in the Figma file.
• Deliver the page in a format I can import or re-create on another install (Full Site Editing export, reusable block pattern, or a tidy .json file are all acceptable).
Skills: PHP, JavaScript, WordPress, CSS, HTML, Web Development, Figma, Web Design
Budget: $10–$30 USD
Source: Freelancer Client via Remote / Online. Apply on the source website.
Original
I have a single-screen design in Figma and need it turned into a self-contained WordPress landing page built entirely with the native Block Editor (Gutenberg). The goal is to keep the core look and feel while allowing sensible flexibility—so you’re not chained to pixel-perfect replication but the main sections, colours, and visual hierarchy must remain unmistakable.
Scope
• Create one static page that lives outside the current site’s theme files, yet loads through WordPress.
• Build everything with standard Gutenberg blocks (or core patterns) so any text or image can be swapped by a non-technical editor later on.
• Ensure full responsiveness on desktop and mobile; breakpoints already suggested in the Figma file.
• Lay out the page so future testimonials or extra content blocks can be dropped in without re-coding.
• Deliver the page in a format I can import or re-create on another install (Full Site Editing export, reusable block pattern, or a tidy .json file are all acceptable).
Acceptance Criteria
1. The published page visually matches the design’s typography, colour palette, and section order while allowing minor proportional tweaks if they improve responsiveness.
2. No external page-builder plugins; Gutenberg only.
3. Loads cleanly on a fresh WordPress install with no fatal errors or console warnings.
4. Completed, tested, and handed over within 48 hours of project start.
I’m working with a lean budget of about $20 and a tight two-day turnaround, so efficiency is key. If you’re comfortable translating Figma layouts into block-based WordPress pages and can meet the schedule, let’s get this set up.
Location & Details
Apply on source →About this listing
This remote opportunity was imported from Freelancer and is shown here for discovery. To apply, follow the link to the original posting.