Turn research into an information architecture.
Audience evidence, page jobs, objections, and a source-linked content brief.
Human gate
Verify claims and reject invented user evidence before design starts.
ROLE DOSSIER / DESIGN × BUILD × SHIP
Website designer membership stack.
See plan cost, the Lean route, and the human gate for every stage.
PURCHASE SIZE / ROLE TEAM
1 operatorPer-member plans scale with the team; account, site, usage, and one-time plans stay fixed until checkout.
DESIGN × BUILD × SHIP
Website designer
Build and audit the live site from shared evidence.Website designers research the problem, define the interface system, build the responsive site, check launch behavior, and improve it from live evidence.
Recommended stack$66/ month · 1 person
Lean route$30/ month · 1 person
Annual difference$432/ year
MEMBERSHIP ROUTE / 3
Recommended memberships
01
FigmaInterface system
Professional · Full seat1 seat · Per member · Per full seat, billed yearly$16/mo02
FramerProduction canvas + hosting
ProPer site · Per site, billed yearly; editor seats and add-ons separate$30/mo03
ChatGPTResearch, copy, and code support
Plus1 seat · Per member · Billed monthly$20/moPLAN DELTA / PROFESSIONAL → LEAN
What changes in Lean.
| Tool | Professional | Decision | Lean | Monthly delta |
|---|---|---|---|---|
| Figma | Professional · Full seat$16/mo | Change plan | Starter$0/mo | Save $16 |
| Framer | Pro$30/mo | Change plan | Basic$10/mo | Save $20 |
| ChatGPT | Plus$20/mo | Keep plan | Plus$20/mo | No change |
FRONTIER WORKFLOW / HUMAN IN LOOP
The work, step by step.
Design tokens and responsive behavior before polished pages.
Reusable components, variables, responsive frames, and a reviewable prototype.
Human gate
Approve hierarchy, accessibility, edge states, and the happy path.
Move the system into a live visual production canvas.
CMS structure, responsive pages, staging branches, metadata, and a hosted preview.
Human gate
Preserve design-system intent while resolving real browser constraints.
Use agents for the audit; keep humans on the release gate.
Broken-link, contrast, semantic HTML, alt-text, SEO, and consistency findings.
Human gate
Review every agent change in staging before publishing.
RESEARCH SIGNALS / OFFICIAL SOURCES
What is changing now.
01
The design-to-code loop is replacing one-way handoff.
Figma now frames code and canvas as a continuous loop, with design context moving into builds and back into review.
figma.com02Site agents are becoming maintenance operators.
Framer Agents can update structure, audit accessibility and links, manage metadata, and surface analytics inside the production surface.
framer.com03AI visibility joins SEO as a release requirement.
Framer’s current workflow includes prerendered semantic content, structured metadata, and agent-readable markdown delivery.
framer.com04AEO is becoming a closed-loop site operation.
Webflow now connects AI visibility measurement, prioritized recommendations, bulk human review, and publishing in one governed production loop.
webflow.com