> ## 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 > Explore Figr's infinite canvas that adapts to your design process and team collaboration needs. # 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. **Think without limits:** No more cramped artboards or rigid layouts. Spread out your ideas, compare alternatives, and let your design process flow naturally. ## Canvas Philosophy **Fixed artboard constraints:** * Pre-defined canvas sizes * Linear design progression * Limited comparison space * Rigid organization structure **Result:** Design thinking constrained by tool limitations **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 **Navigate at any scale:** Canvas zoom controls showing overview to pixel-perfect detail levels **Zoom levels:** ```text theme={null} 🔍 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 **Intelligent movement assistance:** **Jump to relevant content:** ```text theme={null} 🎯 Recent designs 👥 Team member locations 🔍 Search results 📌 Bookmarked areas 🏷️ Tagged sections ``` **Collaborative navigation:** ```text theme={null} 👥 Follow team member cursor 🎥 Presentation mode 🔄 Auto-sync viewports 📍 Shared anchor points ``` **Multiple view perspectives:** ```yaml theme={null} 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:** ```text theme={null} 🌟 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 ``` **Dynamic content organization:** **Figr suggests logical groupings:** ```text theme={null} By feature: Login flows, dashboard components By stage: Wireframes, high-fidelity, final By device: Mobile, tablet, desktop versions By user type: Admin interfaces, user views ``` **Custom spatial relationships:** ```text theme={null} Proximity grouping: Related items close together Path connections: Flow lines between screens Color coding: Visual project organization Size relationships: Importance through scale ``` **Purpose-driven canvas areas:** Raw ideation, quick sketches, and experimental concepts Active design work, iterations, and refinements Completed designs, rejected concepts, and reference materials ## Collaborative Canvas Features **Multiple people, one canvas:** Canvas showing multiple user cursors and real-time collaboration indicators **Collaboration indicators:** ```text theme={null} 👤 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 ``` **Flexible access control:** ```yaml theme={null} Shared project canvas: - All team members have access - Real-time synchronization - Shared navigation and bookmarks - Collaborative organization ``` ```yaml theme={null} Individual work zones: - Private exploration space - Personal design iterations - Individual note-taking - Custom organization ``` ```yaml theme={null} External collaboration: - Time-limited access - View-only or comment permissions - Specific area restrictions - Watermarked exports ``` **Work across time zones:** ```text theme={null} 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 **Optimized for scale:** Figr's canvas handles thousands of design elements without performance degradation through intelligent rendering and caching. **Performance optimization techniques:** ```yaml theme={null} 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 ``` **Manage complex design systems:** Load canvas content progressively as you navigate, maintaining smooth performance Show appropriate detail based on zoom level - overviews at distance, pixels up close **Work without internet:** ```text theme={null} Offline features: ✅ Local canvas caching ✅ Design editing without connection ✅ Automatic sync when reconnected ✅ Conflict resolution for team changes ✅ Progressive loading of external assets ``` ## Canvas Customization **Alignment and structure tools:** ```yaml theme={null} Grid options: - 8px, 12px, 16px base units - Custom grid sizing - Responsive breakpoint guides - Component-based grids - Snap-to-grid behavior ``` ```yaml theme={null} Dynamic alignment: - Element alignment suggestions - Spacing consistency helpers - Typography baseline grids - Component boundary guides ``` **Customize your workspace:** ```yaml theme={null} 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 ``` **Adapt canvas to your process:** ```text theme={null} Wireframing: Large grid, low fidelity mode Visual design: Pixel grid, high fidelity Prototyping: Connection guides, flow mode Review: Clean view, comment highlights ``` ```text theme={null} Designer: Full editing, detailed views PM: Overview mode, comment focus Developer: Component view, spec mode Stakeholder: Presentation mode, guided tour ``` ## Advanced Canvas Features **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 **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 **Keep your canvas navigable:** ```text theme={null} ✅ Use consistent spatial relationships ✅ Group related concepts together ✅ Leave breathing room between major sections ✅ Create clear pathways through content ✅ Use landmarks for easy navigation ``` **Work well with others:** ```text theme={null} ✅ 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 ``` *** Discover how to organize your iterations and design evolution effectively within the infinite canvas. [Organizing Iterations →](/designing/canvas/organizing-iterations)