Dashboard & Settings
The organisation dashboard provides specialised views for managing your design system. Settings gives you control over API access, integrations, and team membership.
Dashboard
The dashboard is split into dedicated pages, each focused on a specific aspect of your design system workflow.
| Page | Purpose |
|---|---|
| Projects | View and manage all design system projects. Create new extractions, open the Studio. |
| Studio | Two-panel workspace for editing your layout.md and generating components with the Explorer. |
| Design System | Per-project hub with Tokens, Assets, Context, and Editor sub-tabs. The curated view lives here. |
Settings
API Keys
- Create and manage API keys for programmatic access.
- Keys are used by the CLI (
@layoutdesign/context) for authenticated operations. - Each key is scoped to the organisation.
- Revoke keys at any time from the settings page.
Webhooks
- Configure Figma webhooks for automatic re-extraction when designs change.
- See the Webhooks docs page for detailed setup instructions.
Billing
- Manage your subscription, credits, and usage.
Members
- Invite new team members by email.
- Assign and change roles (Owner, Admin, Member).
- Remove members from the organisation.
Only Owners and Admins can access Settings. Members can view the dashboard pages but cannot modify organisation-level configuration.
Per-project surfaces
The following surfaces live on the project (not in org Settings). Open a project to access them:
- Design System hub — Tokens, Assets, Context, and Editor sub-tabs.
- Branding & Assets — logos, favicons, custom fonts.
- Product Context — brand voice and copy guidelines that feed into every Explorer generation.
- Theme preference (light / dark / system) is per-user and lives in the profile menu in the sidebar.