adilallo
2.4 KiB
2.4 KiB
Figma → component registry
Quick map from the Figma file Community Rule System (agv0VBLiBlcnSAaiAORgPR) to this repo’s app/components/. Figma uses eleven top-level “❖” areas; app/components adds a few app-only buckets (not 1:1 with Figma pages).
| Figma (page) | Code | Notes |
|---|---|---|
| Utility | utility/ |
Create chrome, modals header/footer, tag, scroll, sidebar, dividers, etc. |
| Asset | asset/ + icons/ |
Icons, logos; Avatar component currently under icons/Avatar.tsx |
| Button | buttons/ |
Figma Button/; code uses plural folder name. |
| Card | cards/ |
Step / rule / icon / selection style cards. |
| Control | controls/ |
Inputs, toggles, select, switch, upload, etc. |
| Layout | layout/ |
List / list entry / list edit. |
| Modals | modals/ |
Alert, create, dialog, login, tooltip, context menu, … |
| Navigation | navigation/ |
Top nav, footer, menu bar, link. |
| Progress | progress/ |
Stepper, proportion bar. |
| Sections | sections/ |
Page-level / marketing-style compositions. |
| Type | type/ |
Some “section header” / lockup patterns also live in sections/; check both. |
| — | content/ |
Not a Figma DS page; app content shells / thumbnails. |
| — | localization/ |
Not a Figma DS page; i18n UI. |
Update this when you add a new top-level app/components/* package or a new Figma canvas.