Figma Tree View

Build a tree view component in Figma from a TreeItem set. TreeItem: a row with a chevron that points right when collapsed and down when expanded, a folder or file icon, a label and an optional count badge or trailing action icon, in Small 24, Medium 28 and Large 32px heights, with a Level property of 1st, 2nd, 3rd and 4th that indents the row by one step per level and draws a faint vertical guide line for nested levels. States: Default, Hover with a light fill, Selected with an accent tint, and a Leaf Boolean that hides the chevron. Compose a TreeView frame of fifteen rows in a vertical auto layout showing a project structure — folders expanded to the third level, files as leaves, one row selected. Add a checkbox variant for multi-select trees with indeterminate parents. Wire the chevron as an interactive component that toggles a Collapsed and Expanded pair of frames in a prototype, and bind colours and the indent step to variables so the tree matches sidebars and file managers in light and dark mode.