Skip to the sheet

Rev C · Issued 2026-09-19

Menu

Sheet set at revision C, issued 2026-09-19

Drawing set 01 · build tools for designers

Every builder is a set of constraints. Read them before you sign.

Blueprint of an invented, unbranded web page 1280 wide: a hero frame and a card frame outlined in cyan, redline measurements of 48 and 24, and four numbered callouts — fidelity, control, handoff in and handoff out.
Fig. 1 · one page, measured at the four points every tool is judged on

Six build tools, measured on the things a designer actually loses sleep over: what survives the trip out of Figma, how much of the cascade you are allowed to touch, and what you can hand over when the invoice is paid.

Drawn for
Working designers
Tools specified
6
Facts verified
2026-09-19
Revision
C

Schedule — first three items

Full schedule

01

9.2/10

Webflow

$15 + $19 /mo

A real class cascade, and the only export in the set — minus its CMS.

02

8.8/10

Framer

$10 /mo

Figma layout to live URL in an afternoon. Nothing leaves the platform.

03

8.0/10

Wix Studio

from ~$19 /mo

Built around billing a client, not around your stylesheet.

Latest sheets

All sheets

What this set measures

A tool review written for a general audience asks whether a website builder is easy. That is the wrong question in a studio. You already know how to make a layout; what you need to know is where the tool will stop you, and whether it stops you somewhere you can live with. So every sheet here is drawn against the same four constraints.

  • Fidelity. What happens to type, spacing and optical alignment between the artboard and the rendered page — and how much of the difference is the tool's fault rather than the browser's.
  • Control. Whether the style panel maps onto something you could write by hand: a class cascade, variables, states, breakpoints you chose rather than inherited.
  • Handoff in. How a Figma file becomes a starting structure, and how much of that structure you end up rebuilding anyway.
  • Handoff out. Who owns the site at the end, who pays for it, and whether any of the work can leave the platform as files.

Scores are assessments of documented capability and published terms, not stopwatch tests. Where a tool's own pricing page and the rest of the internet disagree, the pricing page wins and the date of checking is printed on the sheet.

What this set deliberately leaves out

There is no ranking here of which tool makes the prettiest template, because a designer buying a template is buying somebody else's constraints twice over. There is no verdict on which platform is objectively best, because the honest answer depends on a question only you can answer: whether this site has to outlive your involvement in it.

And there are no invented measurements. Nobody here has run a stopwatch over someone else's published site and reported it as a platform characteristic. Where a claim is a judgement it reads like one.

How this is paid for

Some outbound links are partner links, and a paid signup through one may earn a commission. It buys nothing: the affiliate disclosure sets out the rule, and the plainest evidence is that the tool with the most generous programme in this category is not at the top of the schedule. Start with the best website builders for designers, or go straight to the Webflow review.

Queries raised against this set

  1. Which website builder gives a designer the most control over the CSS?

    Webflow, by a clear margin. Its class system is a real cascade — you name classes, combo-classes inherit, and the style panel writes properties you would recognise from a stylesheet. Framer gives you tokens, layout controls and a code-component escape hatch, but not a class cascade you can reason about the same way.

  2. Can you get your code out of a website builder?

    Rarely, and never completely. Webflow exports semantic HTML and CSS, but only from a paid Workspace plan, and dynamic CMS items and pages are excluded from the export. Framer publishes no code export at all on any plan. If owning the files matters more than the visual editor, a desktop tool that edits your own project folder is the honest answer.

  3. Does a Figma file import cleanly into a website builder?

    No import produces production markup. Webflow's Figma plugin and Framer's paste-from-Figma both move layout, type and assets across as a starting structure, then you rebuild the parts that have to be responsive, stateful or CMS-driven. Treat the import as a tracing layer, not a handoff.

  4. How do you hand a builder site over to a client when the project ends?

    Decide it before you start. Webflow transfers a site between Workspaces and can bill the client directly, Framer lets you add the client as an editor seat, and both leave you responsible for the plan until someone else takes it on. Write the transfer step and its cost into the proposal rather than discovering it at invoice time.