A CMS collection organizes your content using a shared set of fields. The fields define what kind of data belongs in the collection, such as Title, Image, or Date. When you add an item to the collection, you can provide content for each of these fields.
It works like a spreadsheet: fields are the columns, and each item is a row.
You can create multiple collections in a single Figma Sites file—for example, one for blog posts and another for team bios—to keep your content organized and reusable. This makes it easy to connect the right content to your site without mixing schemas.
Tip: Want to explore a working example first? Create a new Figma Sites file, then choose one of the CMS templates. Click CMS in the left navigation bar to view the template’s collections.
Create a new collection
- In a Figma Sites file, click CMS in the left navigation bar.
- Click Add collection.
Tip: If you already have content in a CSV file, you can import it as a collection instead.
Add, edit, or rename fields
To update the schema of your new collection, click Edit fields at the top of the screen. Add only the fields you need for now—you can always add more later as your schema evolves. Learn more about editing fields.
Here are the available field types and their supported content:
|
Field type |
Description |
|---|---|
|
Title (required) |
Plain text title of the item; used to identify and manage entries |
|
Slug (required) |
URL segment generated from the title; used to uniquely identify the content item in a web address; editable if needed |
|
Plain text |
Unformatted text that only contains characters without any styling |
|
Rich text |
Formatted text with styles and markup |
|
Link |
A URL (either external or another page within your site) |
|
Image |
Supports JPEG, PNG, and GIF formats |
|
Date |
Includes month, day, and year |
Add or edit an item
Fields you added to your collection appear as columns in the table, and as an input when you are editing an item.
- In the collection header, click New item.
- Fill out the required and optional fields for the item.
Tip: Once you’ve got some items in your collection, you can connect it to a CMS page or a CMS list.