Skip to content

Skip to main content Introducing Agent-Native, the framework for agentic apps.Read the announcement

CONTACT SALES START BUILDING

Builder Content overview

Get started

Integrate in 3 minutes

Publish Quickstart

Integrate with your code

Integrate Page Building

Integrate Section Building

Integrate Structured Data

Which should I use?

Dive deeper

A light design frame on the left, headed by blue, purple, and green window dots and filled with colorful design blocks, transforms via a bold cyan arrow into a cyan-tinted Builder content panel on the right with a blue border, marked with a green check badge to show the design has been imported and is ready.

Import from Figma

A light model blueprint card with blue, purple, and green typed field rows branches outward into a cascading stack of content entries; the front entry is active with a blue border and a green published-check badge, showing that many entries are generated from one model.

Learn About Content Models

A light token library lists three token types — a row of blue, purple, and green color swatches, a purple type ramp, and a green spacing measure — each joined by a matching-colored line to where it lands on a Builder page: cyan on the hero, purple on the heading, and green on the spacing between sections.

Integrate Design Tokens

A light card showing a cyan code glyph above a rendered purple-and-green component preview connects through a plus-shaped add badge into a Builder component library grid, where the newly registered custom block is highlighted with a blue border and a green check while the other blocks stay neutral.

Integrate Custom Components

Popular developer docs

On the left, a Builder editor panel shows a selected component; a blue arrow points to that component's exact position on a live production page at right that stacks three distinct components — a cyan hero, a purple media block, and a green call-to-action — using Builder's selection outline and corner handles.

How Builder Works

A request card with a green method chip and cyan endpoint connects by an arrow to a light JSON response document with purple keys and cyan and green values inside braces, marked with a green success badge.

API Documentation

A central Builder core panel is linked by bold cyan connectors to three colored plugin modules — purple, green, and orange — and one dashed empty slot with a plus, showing Builder extended by plugins.

Extend Builder with Plugins

A purple master Symbol card with a chain-link glyph and a green synced check is connected by purple links to three identical Symbol instances embedded in three separate page cards, showing one reusable block used across many pages.

Integrate Symbols

Was this article helpful?