II.
LibraryProcess overview
Reference · livelib-process:ux-ui-design--hifi-prototyping
specializations/ux-ui-design/hifi-prototyping overview
Hi-Fi Prototyping and Interaction Design - Comprehensive high-fidelity prototyping workflow implementing design tool setup, interaction design patterns, microinteractions, animations, transitions, user testing validation, and developer handoff with detailed specifications and assets.
Attributes
displayName
specializations/ux-ui-design/hifi-prototyping
description
Hi-Fi Prototyping and Interaction Design - Comprehensive high-fidelity prototyping workflow implementing
design tool setup, interaction design patterns, microinteractions, animations, transitions, user testing validation,
and developer handoff with detailed specifications and assets.
libraryPath
library/specializations/ux-ui-design/hifi-prototyping.js
specialization
ux-ui-design
references
- - Figma Prototyping: https://help.figma.com/hc/en-us/articles/360040314193-Guide-to-prototyping-in-Figma
- - ProtoPie: https://www.protopie.io/
- - Framer Motion: https://www.framer.com/motion/
- - Principle: https://principleformac.com/
- - Material Design Motion: https://m3.material.io/styles/motion/overview
- - iOS Human Interface Guidelines - Motion: https://developer.apple.com/design/human-interface-guidelines/motion
- - Interaction Design Foundation: https://www.interaction-design.org/
- - Lottie Animations: https://lottiefiles.com/
- - Design Handoff Best Practices: https://www.figma.com/best-practices/developer-handoff/
example
const result = await orchestrate('specializations/ux-ui-design/hifi-prototyping', {
projectName: 'E-Commerce Mobile App',
projectType: 'mobile-app',
designTool: 'figma',
targetPlatforms: ['ios', 'android'],
pages: ['home', 'product-detail', 'cart', 'checkout', 'profile'],
components: ['navigation', 'product-card', 'search', 'filters'],
interactionComplexity: 'high',
animationStyle: 'smooth',
designSystem: { name: 'Material Design', version: '3.0' },
userTestingRequired: true,
testingParticipants: 8,
handoffFormat: 'developer-friendly'
});
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_area2
- skill-area:design-systems·SkillAreaDesign Systems
- skill-area:interaction-design·SkillAreaInteraction Design
Incoming edges
None.