DESIGN TO DEVELOPMENT
Figma and MCP
Open in Figma appears only when a mapping has a real URL. Sync is not simulated. File setup and component links stay on this page. The AI Development Hub points here for Figma MCP guidance.
authenticated
Authenticated on the connected Figma team and written into file g9SdTIe0At2Im31HMNuLgQ. Color variables use CSC Blue #2A338F, CSC Red #EC1C2D, and action red #C41222. Text styles CSC/Heading, CSC/Body, and CSC/Label use Roboto because Aptos is not installed in this Figma account. Logo frames use the exported PNG files from public/assets. Code Connect is unavailable on this starter seat, so there is no sync action.
Open the CSC Design System file
12 linked · 10 not linked
| Component | React | Figma |
|---|---|---|
| Buttons | packages/ui/src/button.tsx | Open in Figma |
| Text inputs | packages/ui/src/input.tsx | Open in Figma |
| Select controls | packages/ui/src/select.tsx | Open in Figma |
| Dialogs and modals | packages/ui/src/modal.tsx | Open in Figma |
| Sidebars | packages/ui/src/sidebar.tsx | Open in Figma |
| Navigation bars | packages/ui/src/navigation.tsx | Open in Figma |
| Breadcrumbs | packages/ui/src/breadcrumb.tsx | Open in Figma |
| Cards | packages/ui/src/card.tsx | Open in Figma |
| Data tables | packages/ui/src/table.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| Tabs | packages/ui/src/tabs.tsx | Open in Figma |
| Badges and statuses | packages/ui/src/badge.tsx | Open in Figma |
| Alerts | packages/ui/src/alert.tsx | Open in Figma |
| Toast notifications | packages/ui/src/toast.tsx | Open in Figma |
| Dropdown menus | packages/ui/src/dropdown.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| Accordions | packages/ui/src/accordion.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| Pagination | packages/ui/src/pagination.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| Step indicators | packages/ui/src/stepper.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| File uploaders | packages/ui/src/upload.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| Date pickers | packages/ui/src/date-field.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| Dashboard shells | packages/ui/src/shells.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| Charts | packages/ui/src/charts.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |
| Application form | packages/ui/src/form-wizard.tsx | Not linked — Implemented in packages/ui and not placed in Figma file g9SdTIe0At2Im31HMNuLgQ. |