# Variables: Lists from a design

> Turn one designed row into a table graphic in one step.

Glider documentation · Data · Web page: https://cgglider.com/docs/variables/lists/

Sections of this page: [Overview](https://cgglider.com/docs/variables.md) · [Lists from a design](https://cgglider.com/docs/variables/lists.md) · [List container](https://cgglider.com/docs/variables/list-container.md) · [Binding to lists](https://cgglider.com/docs/variables/binding.md) · [Sorting & reordering](https://cgglider.com/docs/variables/sorting.md) · [Row motion](https://cgglider.com/docs/variables/motion.md) · [Maps & single values](https://cgglider.com/docs/variables/maps-values.md) · [Remote control](https://cgglider.com/docs/variables/remote.md)

The quickest way to build a leaderboard, a line-up or a results table is to design a single row and let Glider repeat it.

1. Design one row: a plate, a name text, a score text, a logo image. Give the texts and images clear names (Team Name, Score) — they become the list's field names.
2. Group the row (select the parts → Group).
3. Select the group, open the Variables tab and press From group. (Inspector → List → Make list from this group does the same.)
4. Glider creates a list whose fields are the row's texts and images, fills the first row with what the design shows, binds the row to it and repeats the group once per row.
5. Press Add row and type the other rows' values. The graphic grows one row per item.

| In the row | Becomes |
| --- | --- |
| A text whose content is a number | A Number field |
| Any other text | A Text field |
| An image | An Image field (its source) |
| Plates, shapes, video | Design only — the same on every row |

> **Binding by hand:** You can also bind any component inside a repeated group yourself: arm a field and pick a key of the list in the Binder. A pick like vars.standings[2].name on a repeated child is stored as vars.standings[].name, so each row reads its own item.

![Inspector → List on a repeated group.](https://cgglider.com/docs-shots/variables-repeat-inspector.png)
