archivedcreated 2026-03-10· last activity 2026-09-11
Create Figma components from Prose component library
Why
The 12 Prose components are the building blocks of every Qpoint marketing page, but they exist only in code. Designers and stakeholders need a Figma equivalent to compose pages visually, review layouts, and collaborate without touching code.
Objective
Capture all 12 Prose components into a Figma file as reusable components, establish Code Connect mappings for bidirectional traceability, and document a repeatable sync workflow.
Scope
New showcase page: app/pages/figma/prose.vue (chrome-free, capture-ready)
Figma file with all Prose components
Code Connect mappings linking Figma nodes to q-nuxt-layer/components/prose/ sources
Sync workflow documentation
Key Changes
Created /figma/prose showcase page rendering all 12 Prose components with variants
Visual record
10 captures — heroes, page slices, and full-page renders. Click to view.
