Figma / Public website reference / Connect the pieces.

Connect the pieces.

Public objects, end-to-end journeys, and the points where evidence ends.

The public object model

Object	Required data	Relationships / actions
Product offering	id, name, canonical URL, category, description, image alt	Links to features, plan access, resources; public read only
Plan	id, name, seat type, currency, billing period, price capture date	Compare; exit to official pricing; no local checkout
Resource	id, title, category, canonical URL, media, alt	Browse, filter, load more, open; no account state
Component contract	id, provenance, selector, anatomy, states, evidence	Render, inspect, copy, extend; reference-only state

Discover a product

Enter through the homepage or global product menu.
Choose a product using its name and purpose.
Read the route hero; inspect media and feature sections.
Follow a start or contact action to an official destination.
Authentication or submission is outside the observed flow. Browser Back returns to the marketing route.

Compare a plan

Open pricing from global navigation.
Select billing cadence and read the seat-specific unit.
Compare features with stable plan column headings.
Open relevant FAQ answers without losing scroll context.
Use the official plan action; the guide does not simulate checkout.

Find a resource

Enter resources or templates.
Filter by category or search, keeping an explicit result count.
Recover from no matches by clearing the filter.
Load additional items without replacing the current set.
Open a resource with native navigation and browser history.

Permissions and data

All reference data is public, read-only content. No private file, user identifier, account token, or permission state is embedded. Login, signup, and enterprise controls are external boundaries, not local simulations. Search and specimen forms store no personal data and send no network requests.

const resource = {
  id: "design-systems",
  title: "A shared place for better ideas",
  category: "Design systems",
  href: "https://www.figma.com/resource-library/",
  provenance: "reconstructed example"
};