The builder
Design tokens
Colour, type and spacing live in one place per site, so a change lands everywhere instead of section by section.
What tokens cover
| Group | Holds |
|---|---|
| Colour | Grounds, text ramp, lines, and the accent. |
| Typography | Families, sizes and the tracking that goes with them. |
| Spacing | The rhythm sections share — gutters, section padding, gaps. |
Tokens are per site. Every section reads them, so the agent does not invent a new grey each time it writes a card.
Why it matters after export
Consistent values are what make a generated site feel designed rather than assembled. They also survive the conversion: a token used across twelve sections becomes the same value in twelve Webflow classes, which is far easier to restyle than twelve near-identical greys.
Reading and writing them from an agent
Over MCP, tokens are get_flow_design_tokens and set_flow_design_tokens. Writes merge rather than replace, and take the site's latest revision — see Agent workflow for why revisions matter.