Skip to contentStart your project
All insights

The agency handoff is no longer a Figma file. It’s a context system

A design file shows the destination. A useful handoff also explains the decisions, components, content and rules that keep a website coherent.

Architectural plans rise in layers above a physical model on violet terrain.
Editorial illustration generated with AI for Hilvy.

The website has launched. The Figma file is immaculate. Three weeks later, someone needs a landing page for a new offer and nobody knows which components are safe to reuse, who can approve the copy or whether that purple button is an exception.

That is a handoff problem. Delivering the screens is only part of transferring the ability to work on a website. The more people and AI tools involved afterwards, the more important the missing context becomes.

By a context system, we mean a small, maintained collection of decisions and working references. It connects the design to the content, implementation and operating rules. It is not a new platform you need to buy.

The file shows what. The handoff needs to explain why.

A finished screen cannot reliably tell a new developer why a feature was removed, why one page has a different call to action or which customer objections informed the structure. An AI assistant can produce plausible answers to those questions. Plausible is not the same as correct.

Imagine a consultancy whose contact form deliberately avoids asking for a budget. A later redesign could add a budget dropdown because it looks like a conventional agency form. Without the decision and its rationale, an apparently sensible improvement quietly reverses the strategy.

The useful record is brief: the decision, the reason, who owns it and when it should be reconsidered. Record the exceptions that would otherwise surprise the next person. Do not document every pixel.

Five things worth handing over

  • The brief: audience, offer, primary journey and what the site is not trying to do.
  • The design system: components, tokens, states, responsive behaviour and approved exceptions.
  • The content model: what editors can change, which fields are required and where content is reused.
  • The operating guide: environments, publishing, integrations, ownership and recovery steps.
  • The decision log: the important trade-offs, unresolved questions and reasons behind the current approach.

Keep these close to where the work happens. Component guidance belongs beside the library. Publishing guidance belongs where editors look for help. Sensitive credentials belong in an appropriate secret manager, never in the handoff document.

Make the references usable by people and agents

Figma’s Code Connect integration can supply component usage and implementation context to an agent. That is useful because the assistant can work with an existing component instead of recreating something that merely resembles it.

On the repository side, Codex supports project instructions through AGENTS.md. A concise entry point can explain the framework, link to the design guide and name the checks expected before a change is finished. Those instructions are guidance, not an access-control system.

Use a clear hierarchy: one short entry point, then links to the relevant detail. A huge document repeating contradictory rules is harder for everyone to use. Give important documents an owner and update them when the implementation changes.

Try a handoff rehearsal

Before signing off, give someone who did not build the site one realistic task: create a campaign page using an existing layout, change its content and send it for approval. Watch where they need to ask questions.

Can they find the right component? Can they preview on mobile? Do they know whether the page belongs in the navigation? Can they explain what happens to the form submission? Can they reverse their change without undoing someone else’s work?

This is more revealing than asking whether the documentation is complete. Each question exposes a missing connection between design, content and operations. Fix those gaps while the original team still remembers the answers.

Ownership matters more than the format

The handoff can be a set of repository files, a compact workspace or a combination of the two. The format is secondary. What matters is that it reflects the actual site and someone is responsible for keeping it useful.

Agree what happens after launch. Which changes can the client make independently? Which need design or engineering review? Who maintains an integration when a provider changes its API? A beautiful guide without an owner becomes a historical document surprisingly quickly.

For an AI-assisted workflow, keep tool permissions separate from written instructions. Anthropic’s permission guidance describes permissions and sandboxing as complementary controls. A sentence saying “do not publish” is not a substitute for restricting publishing access.

The deliverable is confidence

A good handoff leaves a team able to make an informed change without reconstructing the entire project. It should reduce dependence on the original agency without pretending specialist support will never be needed.

That is the standard we would set for a website design and development project: useful working assets, clear ownership and a route for the next improvement. For the implementation side, read why Figma MCP makes design-system quality more important.

Want a hand with your website?

We design, build and look after Webflow websites. Tell us what you’re working on.

See our work