Skip to main content

Figma Design Files

Last Verified: 2026-05-20 | Sources: equa-patternlib-nextjs/docs/figma-library.md, equa-patternlib-nextjs/src/figma/figma-library-manifest.ts, Figma metadata lookup

Master Files

FilePurposeStatusReference
Role LandingFigma Make source mirrored by FigmaRoleLandingImplementedOpen Figma Make
Command Center SOGateway-aligned command-center shell and sidebarImplementedOpen full frame
Roles and PermissionsRole landing, role detail, edit, and permission-matrix framesImplemented in patternlib mirrorOpen final frame
Figma Project 2943696Project-level design source inventoryUNVERIFIED — requires file-key inventoryOpen project

Confirmed Exports

FrameNodeExport
Roles and Permissions Role Landing902:129324Roles and Permissions role landing Figma export
Command Center SO1:2Command Center SO Figma export
Command Center Sidebar3:54Command Center sidebar Figma export

Frame Groups

GroupKnown FramesDocs Home
FoundationsUNVERIFIED — requires Figma foundations file keyFoundations
Core ComponentsComponent node IDs pending assignmentComponents
Gateway-Aligned ComponentsCommand Center frame 1:2, sidebar node 3:54, plugin dashboard node 4:42EquaCommandCenter
Gateway-Internal PatternsRequires gateway UI or Figma frame captureGateway Config Diff
Full ScreensRoles and Permissions final page 902:125391Roles Screens

Export Convention

  • Prefer Figma deep links over embedded iframes so docs load without Figma auth.
  • Export canonical PNG or SVG references into /images/design-system/figma-exports/.
  • Name exports <file-or-feature>-<frame-or-node>.png and cite the Figma node in the page that references the asset.
  • Mark file or node entries as UNVERIFIED -- requires manual inspection until the connector or browser confirms them.