All services06 / 19

Figma to Webflow, built to the pixel

Your finished Figma design built in Webflow: every breakpoint, clean classes, CMS where it belongs, and interactions that match the prototype.

A FIGMA FRAME B BREAKPOINTS C SITEMAP PRICING DESKTOP, 1440 BASIC PLUS PRO 48 × 64 64 48 FROM THE SITE 6 COMPONENTS HEADER BUTTON CARD FAQ CTA FOOTER 1440 768 390 / Home /services Services /services/moving Moving /services/storage Storage NEW Pricing /about About /blog Blog 48 POSTS BUILD PUBLISH LIVE ON /PRICING SOURCE Figma, Pricing / Desktop BREAKPOINTS 3 of 3 checked COMPONENTS 6 reused, 2 new PUBLISHED Thursday, 15:00 BEFORE PUBLISHING META TITLE OG IMAGE ALT TEXT SCHEMA FORMS TESTED 301 NOT NEEDED
Fig. 2.4A new page added to an existing site

You might be here because

What you get

The site in the browser matches the file, on every screen.

I build with a class system the next person can read, and say early where a design will not survive real content.

  • Every breakpoint

    Desktop, tablet and phone, including the sizes between the frames.

  • A readable class system

    Client-First, or the naming your team already uses.

  • Components

    Repeated blocks built once, so a change is made in one place.

  • CMS collections

    Lists, posts and team pages filled from the CMS, not pasted in.

  • Interactions

    Hover states, reveals and transitions rebuilt from the prototype.

  • A comparison before launch

    The built pages next to the frames, with the differences marked.

How it goes

  1. 01

    Send the Figma file

    With the frames for desktop and mobile, and the fonts.

  2. 02

    Get an estimate

    In hours for a page, a fixed price for a whole site.

  3. 03

    Review on staging

    You compare the build with the design and ask for corrections.

  4. 04

    It goes live

    Published, tested on real devices, and handed over.

Price

By the hour, or at a fixed price.

A single page is estimated in hours. A whole site gets a fixed price once I have seen the file.

Hourly rate

40

USD an hour

Shown in

Moving company

Minute Men Movers

A site where every screen leads to a quote or a call.

View case
The Minute Men Movers home page

Health tech

Shen AI

One Webflow site in five languages, looked after month by month.

View case
The Shen AI home page

Questions

Does the Figma file need a special setup?

No. A normal file with frames for desktop and mobile is enough. I ask about anything that is missing.

What about screen sizes the design does not cover?

I build them from the nearest frame and show you before publishing.

Can you fix the design where something does not work?

Yes. I flag it first, with a suggestion, and you decide.

Will we be able to edit the site afterwards?

Yes. Text and images are editable, and repeated content sits in the CMS.

Goes well with

New pages and CMS templates

Landing pages, subpages and CMS templates, built from your Figma file or extended from what the site already has.

Service

Animation and interactions

Scroll effects, transitions and motion that explains the product, built with GSAP and Webflow Interactions, and tested on phones.

Service

Your site

Not sure what your site needs first?

Get a free site audit

Next service

Animation and interactions

07 / 19

Free audit

Get a free audit of your site.

A 5 to 10 minute recording with three things to fix. No call needed, and nothing to sign afterwards.