Skip to main content
Question

React hook to access CMS collections in Figma Sites

  • January 5, 2026
  • 2 replies
  • 65 views
denla

I’m working with Figma Sites and its built-in CMS, and I’d like to suggest a feature that would significantly improve the developer experience when using code layers / React components.


Feature request

Provide an official React hook (or similar API) to access CMS data from code, for example:

const teams = useCollection('teams');

or

const { data, loading, error } = useCollection('teams');

Why this would be valuable

  • Many developers want to build custom React components (carousels, filters, tabs, animations) that rely on CMS data.

  • Today, CMS data is accessible only through visual bindings, not programmatically.

  • A hook like useCollection would:

    1. Bridge the gap between design-driven CMS and code-driven components

    2. Reduce the need for manual exports or external APIs

    3. Make Figma Sites more attractive for hybrid designer/developer workflows

Since Figma Sites already supports React code layers, an official CMS hook would feel like a natural next step.

2 replies

denla
  • denla
  • Author
  • New Member
  • January 5, 2026

I’d like to suggest adding lazy loading (infinite scroll) support for CMS collections in Figma Sites.

Currently, CMS lists allow setting a fixed item limit, but all items within that limit are loaded at once. For larger collections, this can impact performance and limits common UX patterns.

Proposed behavior

  • Keep the existing item limit setting

  • Add a simple checkbox, for example:
    “Load more items on scroll”

  • When enabled, items are automatically loaded as the user scrolls, instead of rendering all items immediately

Benefits

  • Better performance for content-heavy pages

  • Support for common patterns like feeds, galleries, and long lists

  • No additional configuration required — works out of the box

  • Fits well with both visual CMS

This would make CMS collections in Figma Sites more scalable while keeping the setup simple and designer-friendly.

denla
  • denla
  • Author
  • New Member
  • January 5, 2026

 

I’d like to suggest adding more control over how CMS collections are displayed in Figma Sites by supporting sorting options and a start offset.

 

Proposed features

  • Ability to choose a sorting order:

    • ascending

    • descending
      (for example by publish date, creation date, or another field)

  • Ability to define a start item / offset:

    • e.g. start from item 5 instead of the first one
       

Why this is useful

  • Enables common use cases like:

    • “Latest first” or “Oldest first” lists

    • Skipping featured or already displayed items

    • Reusing the same collection in multiple places with different display logic

  • Reduces the need to duplicate collections or manually reorder items

  • Works well with existing item limit and potential lazy loading features

These options would make CMS collections in Figma Sites more flexible and better suited for real-world content layouts.

Terms & ConditionsCookie settingsAccessibility statement