Screen Sharing

Screen sharing is Figr’s most powerful context-building feature. Show Figr your actual product in action to build comprehensive understanding that no document or screenshot can match.

Static Context

Screenshots and docs show:

How interfaces look
Individual page states
Design system components
Documented workflows

Missing: Flow, interaction, real usage patterns

Live Context

Screen sharing reveals:

How users actually navigate
Real interaction patterns
Edge cases and error states
Performance and loading behavior

Result: Complete product understanding

Prepare Your Demo

Before starting the session:

Environment Setup:
✅ Use staging or demo environment
✅ Prepare realistic test data
✅ Close sensitive tabs/applications
✅ Test screen sharing permissions
✅ Plan 3-4 key user flows to demonstrate

Start Screen Sharing

Initiate from Figr project:

Figr interface showing screen sharing initiation button and setup options

Sharing options:

Entire screen: Best for comprehensive demos
Application window: Focus on specific app
Browser tab: Web application demos
Mobile device: Via USB debugging or simulator

Guided Navigation

What to show Figr:

Core Workflows
Edge Cases
Interaction Details

Primary user journeys:

User login and dashboard arrival
Primary task completion (e.g., create project)
Data entry and form interactions
Navigation between major sections
Settings and account management

Important variations:

Empty states (new user, no data)
Error scenarios (validation, network issues)
Loading states (slow connections, large datasets)
Different user types (admin vs. regular user)
Mobile responsive behavior

How things actually work:

Form validation timing and messages
Search and filtering behavior
Drag-and-drop interactions
Modal and overlay patterns
Navigation and breadcrumb behavior

Navigation Patterns
Interaction Design
Performance Reality

How users move through your product:

Information Architecture

Observed patterns:
- Main navigation structure and hierarchy
- Breadcrumb usage and paths
- Back button behavior
- Deep linking and URL patterns
- Cross-section navigation flows

User Behavior

Real usage insights:
- Where users typically start tasks
- Common path variations
- Points of confusion or hesitation
- Shortcuts and power user patterns
- Mobile vs. desktop differences

How your interface actually behaves:

Form Patterns:
- Validation timing (on blur, on submit, real-time)
- Error message placement and styling
- Success feedback and confirmations
- Auto-save behavior and indicators

Data Display:
- Table sorting and filtering patterns
- Pagination vs. infinite scroll
- Loading states and skeleton screens
- Empty state handling and CTAs

Navigation:
- Menu collapse/expand behavior
- Active state indicators
- Hover effects and micro-interactions
- Mobile navigation patterns

Narrate Your Actions

Provide context as you navigate:

Good narration:
"I'm clicking on Projects because that's where users 
typically start their workflow. Notice how the sidebar 
stays collapsed on tablet sizes..."

"This error message appears because we validate email 
addresses in real-time. Users often miss this if 
they're typing quickly..."

"The dashboard loads slowly with lots of data, so we 
show these skeleton components to maintain the illusion 
of speed..."

Show Multiple User Types

Demonstrate different perspectives:

Admin Users
Regular Users
New Users

Admin-specific flows:
- User management interfaces
- System configuration options
- Bulk operations and data management
- Analytics and reporting views

Standard user experience:
- Core feature usage patterns
- Self-service options
- Limited permission interfaces
- Simplified navigation

Onboarding experience:
- First-time user flows
- Progressive disclosure
- Help and guidance elements
- Setup and configuration steps

Demonstrate Edge Cases

Show what happens when things go wrong:

Error Scenarios:
- Network connectivity issues
- Server errors and downtime
- Invalid data entry
- Permission denied states
- Timeout and session expiry

Data Variations:
- Empty states and first-time use
- Maximum data scenarios (full tables, long lists)
- International content (different languages)
- Special characters and edge case data

Web Applications
Mobile Applications
Desktop Applications

Browser-based product demos:

Screen sharing interface showing web application demo with multiple browser tabs

Focus areas:

Responsive behavior across screen sizes
Browser compatibility differences
Progressive web app features
Cross-tab synchronization

Native mobile app demonstrations:

Demo methods:
- iOS Simulator (via macOS screen sharing)
- Android Emulator (via desktop screen sharing)
- Physical device (via USB debugging)
- Mobile browser (for web apps)

Key demonstrations:
- Touch interactions and gestures
- Orientation changes
- Push notification handling
- Offline behavior

Native desktop software:

Important aspects:
✅ Window management and resizing
✅ Keyboard shortcuts and accessibility
✅ File system integration
✅ Multi-monitor support
✅ Operating system integration

Multi-Device Sessions

Show cross-platform consistency:

Desktop → tablet → mobile progression
Sync behavior across devices
Responsive breakpoint demonstrations
Platform-specific patterns

Collaborative Sessions

Team-based demonstrations:

Multiple team members showing different aspects
Real-time collaboration features
User testing session recordings
Stakeholder-guided tours

Data Protection

Security measures:
- No session recording or storage
- Real-time processing only
- Encrypted transmission
- Automatic session termination
- No personal data capture

Access Controls

Team permissions:
- Who can initiate screen sharing
- Who can view shared sessions
- Session duration limits
- Approval workflows for sensitive demos

Compliance

Enterprise features:
- SOC 2 Type II compliance
- GDPR data handling
- HIPAA-compatible sessions
- Custom security policies

Connection Issues

Common problems and solutions:❌ Can’t start sharing ✅ Check browser permissions ✅ Try incognito/private mode ✅ Disable VPN temporarily❌ Poor quality/lag ✅ Close unnecessary applications ✅ Use wired internet connection ✅ Reduce shared screen resolution

Browser Compatibility

Supported browsers and features:✅ Chrome: Full feature support ✅ Firefox: Standard screen sharing ✅ Safari: macOS native support ✅ Edge: Windows integrationNote: Chrome recommended for best experience

Explore Canvas Features

Learn how to organize and work with your designs in Figr’s infinite canvas workspace.Infinite Workspace →

How to Begin?

Canvas

Inputs and Research

Product Intelligence

Export and Share

Security & Legal

Static Context

Live Context

Loading Behavior

Responsiveness

Multi-Device Sessions

Collaborative Sessions

Connection Issues

Browser Compatibility

Explore Canvas Features

​Screen Sharing

​Why Screen Sharing Works

Static Context

Live Context

​Screen Sharing Setup

​What Figr Learns from Screen Sharing

Loading Behavior

Responsiveness

​Effective Screen Sharing Techniques

​Screen Sharing for Different Products

​Advanced Screen Sharing Features

Multi-Device Sessions

Collaborative Sessions

​Screen Sharing Security

​Troubleshooting Screen Sharing

Connection Issues

Browser Compatibility

Explore Canvas Features

Screen Sharing

Why Screen Sharing Works

Screen Sharing Setup

What Figr Learns from Screen Sharing

Effective Screen Sharing Techniques

Screen Sharing for Different Products

Advanced Screen Sharing Features

Screen Sharing Security

Troubleshooting Screen Sharing