Tools01 / 04

Design in Figma

Every page agreed before the build: I design the site in Figma, then build it in Webflow, Framer or code. Or you bring your designer’s Figma file, and I build it as drawn.

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.A new page designed in Figma and built at three breakpoints

When a Figma design pays off

When the look has to be agreed before anything is built.

04 points

  1. 01

    Several people sign off

    When a founder, a board and marketing all approve the look, a Figma file is the cheap place for them to change their minds, before a single page is built.

  2. 02

    A brand to carry across pages

    Components, colours and type styles keep every page in one system, and the next designer or developer picks it up from the same file.

  3. 03

    A family of sites

    One file can hold the parts for several sites, so each new one starts from the same buttons, cards and sections.

  4. 04

    You already have a file

    Your designer made it; I build it in Webflow, Framer or code, keep the spacing, type and motion as drawn, and ask before I change anything that will not work on a phone.

When you can skip it

A Figma file is not always worth the hours.

02 points

  1. 01

    A small site, one decision-maker

    When one person decides and the site has a few pages, I design straight in Framer and you save the hours of drawing it twice.

    Websites in Framer
  2. 02

    Changes to a site you have

    A new section or a fix on a live site is quicker to make on the site itself, checked on staging before it goes live.

    Ongoing maintenance

Desktop, tablet, phone

3

widths for every page

Since 2022

4

client sites designed or built from Figma

Viewing and comments are free

0

Figma seats you have to buy

Designed in Figma, then built

Legal careers training

TC Masters

From a vague idea to a site that sells three review plans.

View case
The TC Masters home page

Tutoring school

Modum School

A site built around one step: the free trial lesson.

View case
The Modum School home page

Home cleaning

Polina’s Cleaning

A booking-first site for a Minneapolis cleaning company.

View case
The Polina’s Cleaning home page

From Figma to a live site

New site or redesign

A new company site, or a redesign of the one you have, designed and built by one person in Webflow, Framer or code. Structure, copy, CMS and launch included.

Service

Figma to Webflow

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

Service

Figma to Framer

Your Figma file built in Framer, page by page, with the motion added and the CMS set up so that your team edits the site itself.

Service

Landing pages and new pages

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

Service

Motion design

Short films and animated graphics that explain what the company does: for the home page, for a launch, and cut for social and ads.

Service

What you get in the file

A file your team can keep using.

  1. 01

    Every page at three widths

    Desktop, tablet and phone, so nobody guesses how a section folds on a small screen.

  2. 02

    Components and styles

    Buttons, cards, colours and type as reusable parts, named so the next person finds them.

  3. 03

    The file is yours

    It lives in your team’s Figma. Viewing and comments are free; editing it yourself needs a paid seat.

Questions

Do I need to pay for Figma?

No. You view the file and leave comments for free. Editing it yourself needs a paid Figma seat.

Can you build from my designer’s file?

Yes. I build it as drawn and ask before I change anything that will not work on a phone or in the tool.

Is a Figma design always worth it?

No. For a small site with one decision-maker I design straight in Framer, and you save the hours.

Which tool do you build the design in?

The one that fits how your team will run the site: Webflow, Framer or code. I recommend one on the first call.

How is the work billed?

Design and build of a new site get one fixed price after a short brief. Design work on its own is USD 40 an hour, with an estimate first.

What clients say.

From clients I built sites for. A card with a site opens its case study.

  • The TC Masters home page

    Legal careers training

    “He not only transformed our vague ideas into a stunning website but also exceeded our expectations at every turn.”

    Michał Gruchalski
    TC Masters

    View case
  • The TC Masters offers page with three plans

    Legal careers training

    “He communicated with us throughout the process and made sure that the final product was top notch.”

    Cihangir
    TC Masters

    View case
  • The Modum School home page

    Tutoring school

    “The process of creating a website is usually associated with agony. Here it was realized in a flash.”

    Tomasz Domański
    CEO, Modum School

    View case
  • The Filjan Bud home page

    Construction

    “I highly recommend working with Max. He took me through the whole process smoothly and gave a lot of professional advice along the way.”

    Jan Trębski
    Owner, Filjan Bud

    View case
  • The Young Urbanists home page

    Non-profit, towns and cities

    “I LOVE LOVE the websites you have built for me and later in the year I am bringing more website projects to you.”

    Roland Postma
    Managing Director, Young Urbanists

    View case
  • Cleaning services

    “I told them how good of a job you are doing and how great of a partner you have been to Clean with Sunshine.”

    Carl Ferreira
    Proprietor, Clean with Sunshine

Your site

Not sure which tool fits?

Book a call

Next tool

Webflow

02 / 04

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.