II.
LibraryProcess overview
Reference · livelib-process:ux-ui-design--design-system
specializations/ux-ui-design/design-system overview
Design System Creation - Comprehensive process for creating a scalable, accessible, and maintainable design system including design audit, principles establishment, foundational systems (color, typography, spacing), component library, design tokens, implementation guidelines, documentation, and governance with quality gates and stakeholder approval.
Attributes
displayName
specializations/ux-ui-design/design-system
description
Design System Creation - Comprehensive process for creating a scalable, accessible, and maintainable design system
including design audit, principles establishment, foundational systems (color, typography, spacing), component library,
design tokens, implementation guidelines, documentation, and governance with quality gates and stakeholder approval.
libraryPath
library/specializations/ux-ui-design/design-system.js
specialization
ux-ui-design
references
- - Atomic Design: https://atomicdesign.bradfrost.com/
- - Design Tokens: https://design-tokens.github.io/community-group/format/
- - Material Design: https://material.io/design
- - Apple Human Interface Guidelines: https://developer.apple.com/design/human-interface-guidelines/
- - Inclusive Design Principles: https://inclusivedesignprinciples.org/
- - Design Systems Handbook: https://www.designbetter.co/design-systems-handbook
- - Style Dictionary: https://amzn.github.io/style-dictionary/
- - Figma Design Tokens: https://www.figma.com/community/plugin/888356646278934516/Design-Tokens
example
const result = await orchestrate('specializations/ux-ui-design/design-system', {
projectName: 'Acme Corp Design System',
brandGuidelines: {
primaryColor: '#0066CC',
fontFamily: 'Inter',
brandValues: ['trust', 'innovation', 'simplicity']
},
targetPlatforms: ['web', 'ios', 'android'],
designTool: 'figma',
techStack: {
framework: 'react',
styling: 'styled-components',
storybook: true
},
accessibilityLevel: 'WCAG-AA'
});
usesAgents
- general-purpose
Outgoing edges
lib_applies_to_domain1
- domain:web-development·DomainWeb Development
lib_belongs_to_specialization1
- specialization:ux-ui-design·Specialization
lib_implements_workflow2
- workflow:user-feedback-loop·WorkflowUser Feedback Loop
- workflow:product-discovery·WorkflowProduct Discovery
lib_involves_role2
- role:product-designer·RoleProduct Designer
- role:ux-researcher·RoleUX Researcher
lib_requires_skill_area3
- skill-area:design-systems·SkillAreaDesign Systems
- skill-area:interaction-design·SkillAreaInteraction Design
- skill-area:ui-component-libraries·SkillAreaUI Component Libraries
Incoming edges
None.