Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.figr.design/llms.txt

Use this file to discover all available pages before exploring further.

​
Infinite Workspace

Figr’s infinite canvas gives you unlimited space to explore, iterate, and collaborate. Unlike traditional design tools with fixed artboards, Figr adapts to how you actually think and work.

​
Canvas Philosophy

Traditional Tools

Fixed artboard constraints:
  • Pre-defined canvas sizes
  • Linear design progression
  • Limited comparison space
  • Rigid organization structure
Result: Design thinking constrained by tool limitations

Figr's Infinite Canvas

Limitless creative space:
  • Infinite zoom and pan
  • Organic layout organization
  • Natural comparison workflows
  • Flexible spatial relationships
Result: Design thinking drives tool usage, not vice versa

​
Canvas Navigation

1

Zoom Controls

Navigate at any scale:
Canvas zoom controls showing overview to pixel-perfect detail levels
Zoom levels:
🔍 Pixel level (400%): Fine detail work
📱 Component level (100%): Normal editing
🏠 Page level (25%): Layout overview  
🌍 Project level (5%): Full project view
🚁 Bird's eye (1%): Spatial organization
Navigation shortcuts:
  • Scroll wheel: Zoom in/out
  • Space + drag: Pan around canvas
  • Cmd/Ctrl + 0: Fit to screen
  • Cmd/Ctrl + 1: Actual size
2

Smart Navigation

Intelligent movement assistance:
Jump to relevant content:
🎯 Recent designs
👥 Team member locations
🔍 Search results
📌 Bookmarked areas
🏷️ Tagged sections
3

Viewport Management

Multiple view perspectives:
Personal Views:
- Save custom zoom levels
- Bookmark important areas
- Create named viewports
- Quick access shortcuts

Team Views:
- Shared anchor points
- Collaborative focus areas
- Presentation viewports
- Review checkpoints

​
Spatial Organization

Natural design arrangement:
Canvas showing natural clustering of related designs and iterations
Common patterns:
🌟 Central hub: Main design surrounded by variations
📊 Linear flow: User journey laid out left-to-right
🎯 Focused clusters: Related features grouped together
📈 Evolution chains: Design iterations in sequence
🔀 Comparison grids: Alternatives side-by-side

​
Collaborative Canvas Features

1

Real-Time Collaboration

Multiple people, one canvas:
Canvas showing multiple user cursors and real-time collaboration indicators
Collaboration indicators:
👤 User cursors: See where teammates are working
✏️ Edit indicators: Real-time design changes
💬 Comment threads: Contextual discussions
📍 Anchor points: Shared reference locations
🔒 Edit locks: Prevent simultaneous editing conflicts
2

Workspace Sharing

Flexible access control:
Shared project canvas:
- All team members have access
- Real-time synchronization
- Shared navigation and bookmarks
- Collaborative organization
3

Async Collaboration

Work across time zones:
Handoff features:
📝 Progress notes: "Working on mobile version next"
📍 Focus areas: "Review this section when you're online"
⏰ Status updates: "Ready for review", "Work in progress"
🔄 Change highlights: "See what changed since yesterday"

​
Canvas Performance

Performance optimization techniques:
Viewport-based rendering:
- Only render visible content
- Progressive detail loading
- Adaptive quality based on zoom
- Background pre-loading

Content optimization:
- Vector graphics when possible
- Automatic image compression
- Efficient font rendering
- Smart caching strategies

​
Canvas Customization

1

Grid and Guides

Alignment and structure tools:
Grid options:
- 8px, 12px, 16px base units
- Custom grid sizing
- Responsive breakpoint guides
- Component-based grids
- Snap-to-grid behavior

Dynamic alignment:
- Element alignment suggestions
- Spacing consistency helpers
- Typography baseline grids
- Component boundary guides
2

Canvas Appearance

Customize your workspace:
Appearance options:
Background: Light, dark, custom colors
Grid visibility: Always, on zoom, hidden
Element outlines: Hover only, always visible
Animation: Full, reduced, minimal
Density: Compact, comfortable, spacious
3

Workflow Optimization

Adapt canvas to your process:
Wireframing: Large grid, low fidelity mode
Visual design: Pixel grid, high fidelity
Prototyping: Connection guides, flow mode
Review: Clean view, comment highlights

​
Advanced Canvas Features

Version Branching

Explore alternatives without losing work:
  • Create design branches for experimentation
  • Merge successful concepts back to main
  • Compare different approaches side-by-side
  • Maintain design history and decision points

Presentation Mode

Transform canvas into presentation:
  • Auto-generate slide sequences from canvas areas
  • Guided tours through design evolution
  • Stakeholder-friendly navigation
  • Export presentation-ready materials

​
Canvas Best Practices

1

Organization Strategy

Keep your canvas navigable:
✅ Use consistent spatial relationships
✅ Group related concepts together
✅ Leave breathing room between major sections
✅ Create clear pathways through content
✅ Use landmarks for easy navigation
2

Collaboration Etiquette

Work well with others:
✅ Communicate your current focus area
✅ Use shared bookmarks for important locations
✅ Leave clear notes about work in progress
✅ Respect others' workspace organization
✅ Clean up experimental work regularly

Learn About Design Organization

Discover how to organize your iterations and design evolution effectively within the infinite canvas.Organizing Iterations →