Social

Preview

Home, Explore, Search, Chats, Chat, Profile, Followers, Story and New post, each in Light and Dark. Six screens carry the tab bar, and Chat, Story and New post are full screen.

Social, 9 screens393 x 852 each, Light and Dark

Which components build the Social screens?

Avatar, Button and Navigation carry most of the screens, and Search, Chip, List, Composer and Text Area cover the rest.

A social app is faces, follow buttons and a tab bar. On the light frames 218 instances sit on each row of the Social page: 148 are Appetite UI components from 11 sets and 70 are Lucide icons with 26 different names. The dark row holds the same instances, so every number below is per row.

Counted on October 2, 2026 with a Plugin API script over the nine light frames of the Social page in the Appetite UI Figma file. Nested and hidden instances count, parts such as navigation labels are grouped with their family, and an icon is an instance named in lowercase.

Which parts of the Social screens are drawn by hand?

Message bubbles, the Story progress segments and the photographs. Everything with a component is placed as one.

The table holds no message bubble and no progress component, so the bubbles on Chat and the five progress segments on Story are drawn on the frame. The photographs on Home, Explore, Profile, Story and New post are content and belong there.

How do the Social screens switch between light and dark?

Each frame pins Color Tokens to Light or Dark and Platform to ios-md, so the dark row is the light layout with one mode changed.

Nothing is left to inherit: a frame dropped into another file arrives in the theme it was drawn in. A frame set to Dark resolves every token against the Dark mode of Color Tokens, so the dark row is the same layout with the other values.

The nine light frames hold 412 solid fills and strokes bound to 27 different variables, and none is unbound. Everything else is a picture or a gradient: the photographs and avatars, the story ring gradient and its bound stops, the tab bar fade and the dark scrim at the foot of Story. A few alpha paints bind a Foundations primitive directly, as on the Composer over the Story photograph, and the avatar background binds one of the yellow primitives.

Paints are every visible solid fill and stroke on the light frames, inside instances included, counted by bound variable name on October 3, 2026. Where a token appears as both a fill and a stroke the two counts are added. A style row counts a text layer or a node that carries the style, and a text layer that mixes two colors or two styles counts once for each.

On iOS the minimum touch target is 44 pt. The frames pin Platform to ios-md, where platform/min-touch-target reads 44, so a tap target on these screens starts there. Android would read 48.